Kibadilishi cha Rangi bila malipo
Badilisha rangi kati ya umbizo za HEX, RGB, HSL, HSV, na CMYK haraka. Inajumuisha kipimo cha mwangaza na vielelezo vya awali.
Badilisha rangi kati ya HEX, RGB, HSL, HSV na CMYK β na muhtasari wa moja kwa moja na nakala kwa kidole kimoja. Kila kitu kinafanya kazi katika kivinjari chako.
Inakubali: HEX (#fff au #ffffff), RGB (255, 255, 255), au HSL (360, 100%, 50%)
Kubadilika kwa WCAG
Juu ya mandhari nyeupe
2.49:1
Juu ya mandharinyeusi
8.44:1
Kipimo cha mwangaza
Bonyeza swatch yoyote kubadilisha kivuli hicho
Matumizi ya kawaida
- Geuza rangi kwa ajili ya muundo wa wavutiPata maadili ya HEX, RGB, na HSL kwa ajili ya rangi yoyote β tayari kwa kuingiza katika CSS au Tailwind.
- Geuza rangi kwa ajili ya Kutaka (CMYK)Geuza rangi ya skrini (HEX/RGB) katika maadili ya CMYK kwa ajili ya matumizi katika muundo wa chapi na chapi ya kitaaluma.
- Tengeneza paliti za rangi kwa ajili ya mifumo ya muundoGeuza rangi za chapa katika muundo wote na tengeneza kiwango cha mwanga sambamba kwa ajili ya mifumo nzima ya muundo.
- Kagueni Contrast ya Rangi kwa AccessibilityBadilisha rangi kupata RGB values kwa matumizi katika tools ya contrast ratio - WCAG compliance kwa design inayoweza kukamatia.
- Badilisha Rangi kwa FigmaPata HEX na RGB values sahihi ili kubandika ndani ya Figma color pickers na design token systems.
Jinsi Inavyofanya Kazi
Mantiki yote ya ubadilishaji ni JavaScript iliyoandikwa mwenyewe inayofanya kazi kikamilifu kwenye kivinjari chako β hakuna maktaba, hakuna wito wa seva. Kifaa kinachambua uingizaji wako, kukipitisha kupitia mfululizo wa kazi safi za hesabu, na kwa wakati mmoja kutoa miundo kumi na moja ya matokeo ikiwa ni pamoja na nafasi za kisasa za CSS Color 4 oklch() na lab().
- 1Uchambuzi wa uingizaji unaobadilikaKichambuzi maalum kinakubali hex (tarakimu 3, 4, 6, au 8), rgb()/rgba(), hsl()/hsla() katika sintaksia ya koma ya zamani na sintaksia ya nafasi ya kisasa, na vipande vitatu vya nambari wazi. Thamani za alpha kama desimali au asilimia zinasanifishwa kuwa wigo wa 0β1 kabla ya ubadilishaji wowote kuanza.
- 2RGB kama kitovu cha ubadilishajiKila muundo unaokubalika kwanza unatatuliwa kuwa kipande cha kawaida cha RGB. Kutoka uwakilishi huo mmoja kifaa kinatawanya: HSL na HSV zinatumia fomula za kawaida za min/max/chroma; CMYK inatokana na kupata chaneli kuu; na usawazishaji wa sRGB (mkondo wa gamma wa vipande uliowekwa kwenye IEC 61966-2-1) unatumika kabla ya hesabu za nafasi za mtazamo.
- 3Nafasi za rangi za mtazamo zilizohesabiwa kutoka mwanzooklch() inahesabiwa kwa kutumia matiti ya rejeleo ya 3Γ3 ya BjΓΆrn Ottosson (nafasi ya mzizi wa mchemraba ya LMS). lab() na lch() zinatumia urekebishaji wa rangi wa Bradford kubadilisha kutoka pointi nyeupe ya D65 kwenda D50, inayolingana na jinsi CSS Color 4 inavyofafanua lab(). Hizi ni fomula zile zile zinazotumika kwenye injini za uonyeshaji za vivinjari β zimetekelezwa hapa bila utegemezi wowote wa nje.
- 4Mkanganyiko wa WCAG na kipimo cha mwangaMwangaza wa jamaa unahesabiwa kwa fomula ya WCAG 2.1 (R, G, B zilizosawazishwa zikiwa na uzito 0.2126/0.7152/0.0722) na uwiano wa mkanganyiko dhidi ya nyeupe na nyeusi unapangwa daraja la AA-kubwa, AA, AAA, au Kushindwa. Ukanda wa hatua tisa za mwanga unazalishwa kwa kuhamisha chaneli ya mwanga ya HSL kutoka 10% hadi 90%, ukikuruhusu kubofya kivuli chochote kubadilisha kivuli hicho.
Zana Zinazohusiana
Kichagua Rangi na Kitengenezaji Rangi
Chagua rangi, badilisha kati ya HEX/RGB/HSL, na tengeneza rangi zinazooanana.
Kitengeneza Rangi Nasibu
Tengeneza rangi nasibu moja baada ya nyingine au kama paleti ya tano, funga unazozipenda, nakili thamani za HEX, RGB au HSL na usafirishe paleti kama PNG au CSS.
Jenereta ya Palette ya Rangi
Tengeneza palette za rangi zinazoshirikiana, zinazofanana, tatu, na za rangi moja kutoka rangi yoyote ya msingi. Nakili msimbo wa hex kwa kubonyeza mara moja.