1background: #0F37FF;
2background: linear-gradient(90deg, rgba(15, 55, 255, 1) 0%,rgba(92, 190, 255, 1) 100%)Chagua rangi na anza — bila usumbufu
Tulijenga Color Picker mwaka 2025 kwa sababu tulichoshwa na programu nzito na zana za rangi tata kupita kiasi. Kama watengenezaji wa front-end na wasanii wa uchoraji, tulihitaji njia ya kunasa rangi haraka, kuirekebisha kidogo na kuendelea. Ilianza kama zana ya ndani, ikawa kipenzi cha timu; tuliiboresha na kuiweka mtandaoni kwa wote. Hakuna akaunti wala mchakato mgumu — fungua ukurasa, chagua toni na nakili misimbo ya HEX, RGB, HSL au HSV.
Kwa nini kichagua rangi chetu kinapendwa
Ukiwahi kutazama muundo na kufikiria ‘nitapataje toni ile hasa?’, utathamini urahisi wa Color Picker. Tumeacha kiolesura kuwa cha minimalist kimakusudi:
- Bofya mara moja — rangi ni yako — gusa popote kwenye paleti na thamani unazohitaji zinaonekana papo hapo. Unahitaji sampuli kutoka kwa picha au picha ya skrini? Dondosha faili kwenye ukurasa na utumie pipeti.
- Gradieni bila taabu — ongeza na songesha vituo kwenye mwambaa ili kupata mipito laini kama hariri. Badili mnyoofu/mviringo, boresha pembe na uwazi, kisha nakili CSS.
- Hakuna mipaka, hakuna gharama — Color Picker hufanya kazi kwenye kivinjari chochote cha kisasa kwenye tarakilishi, kompyuta kibao na simu. Hakuna cha kusakinisha, hakuna ada.
- Viendelezi pale unapovihitaji — viendelezi vyetu vya hiari kwa Chrome na Edge huleta pipeti moja kwa moja kwenye kivinjari, ili uchukue sampuli kutoka ukurasa wowote na uhifadhi historia.
Kilichomo
Pipeti
Chukua rangi moja kwa moja kutoka kwa picha ulizopakia au popote kwenye skrini; dondosha faili kwenye ukurasa na ubofye pikseli ili kuona thamani katika miundo mingi.
Ubadilishaji wa miundo
Badilisha papo hapo kati ya HEX, RGB, HSL na HSV, kisha nakili misimbo kwenye CSS, programu za usanifu au zana za paleti.
Kiumbaji gradieni
Unda gradieni za mnyoofu au mviringo kwa kuongeza na kuhamisha vituo; rekebisha pembe na uwazi, kisha nakili CSS ya mwisho.
Historia ya rangi
Kila rangi unayochagua huhifadhiwa ili uweze kuirudia au kuitumia tena baadaye.
Viendelezi vya kivinjari
Viendelezi vya hiari kwa Chrome na Edge hukuwezesha kuchukua sampuli kutoka ukurasa wowote na kufungua zana moja kwa moja kutoka upau wa zana.
Ufikiaji wa jumla
Hufanya kazi kwenye vivinjari vyote vya kisasa; viendelezi vinaunga mkono lugha nyingi na husasishwa mara kwa mara.
Bure na faragha
Huduma ni bure na hatuzifanyii biashara data zako.
Inatumika kwa nini
Watu hutumia Color Picker kwa njia nyingi:
- Wabunifu na timu za bidhaa huitumia wanapochora miingiliano au paleti za chapa. Kuchunguza mchanganyiko na kunakili CSS ya gradieni ni haraka.
- Wachoraji na wasanii hutumia pipeti kupata msukumo kutoka kwa picha na michoro. Zana ya gradieni husaidia kupanga uvuli laini na mipito ya rangi.
- Watengenezaji wa front-end huiamini ili kutoa thamani thabiti za rangi kwenye miradi mbalimbali. Kiendelezi hurahisisha kuchukua sampuli kutoka tovuti zilizopo.
- Yeyote anayeangalia ufikikivu anaweza kuona rangi katika miundo tofauti na kurekebisha uwazi hadi zitimize miongozo ya kontrasti.
Anza
Hakuna mwongozo unaohitajika — hapa kuna muhtasari wa haraka:
- Chagua rangi — bofya popote kwenye paleti. Thamani za HEX, RGB na HSV zinaonekana papo hapo. Rekebisha toni, ukoleo, mwangaza na uwazi kwa vitelezi.
- Chukua sampuli kutoka kwa picha — buruta faili ya picha kwenye ukurasa au chagua moja. Bofya pikseli unayotaka na misimbo ya rangi itaonekana.
- Unda gradieni — bofya kwenye mwambaa wa gradieni ili kuongeza vituo na uvivute; badilisha kati ya mnyoofu na mviringo. Rekebisha pembe na uwazi hadi ikamilike.
- Nakili na tumia tena — rangi na gradieni zako huhifadhiwa kiotomatiki. Nakili misimbo au CSS na ubandike kwenye mradi, au shiriki na timu.
Jinsi ya kutumia Color Picker mtandaoni

Viendelezi vya Chrome na Edge
Unapenda wazo la ‘kunasa’ rangi moja kwa moja kutoka kwenye ukurasa wa wavuti? Color Picker – Eye Dropper kwa Chrome na Eyedropper – Color Picker kwa Edge hufanya hivyo haswa. Huongeza kitufe kidogo kwenye kivinjari ili uelekeze juu ya kipengee na ukamate toni yake. Kwenye dirisha ibukizi pia unaweza kupakia picha, kuchanganya rangi kuwa gradieni na kunakili CSS. Viendelezi vinaunga mkono lugha nyingi na husasishwa mara kwa mara.
Zana ya jumuiya unayoweza kuiamini
Tulitengeneza Color Picker kwa sababu tulitaka zana rahisi inayofanya kazi tu. Ni mradi wa jumuiya na daima utakuwa bure. Hatukusanyi wala kuuza data zako. Ikiwa inakusaidia, kusakinisha kiendelezi au kushiriki tovuti hutusaidia kufikiwa na wengi.
Maelezo kuhusu jinsi tunavyoshughulikia data yako yapo kwenye kurasa zetu: Sera ya Faragha , Masharti ya Matumizi.