Color Picker

Kichagua
HEX
R
G
B
A
Vituo
Pakia picha
1background: #FF930F;
2background: linear-gradient(90deg, rgba(255, 147, 15, 1) 0%,rgba(255, 249, 91, 1) 100%)

Rangi zinazo-trendi

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

CSS Gradient Generator

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.