Kichagua Rangi na Kitengenezaji Rangi bila malipo
Chagua rangi, badilisha kati ya HEX/RGB/HSL, na tengeneza rangi zinazooanana.
RGB
HSL
Muundo zaidi
WCAG kubading
Rangi iliyopewa jina iliyo karibu zaidi: dodgerblue Β· Maandishi meusi ni rahisi kusoma hapa (5.71:1)
Vivuli na toni (50β950)
Paleti ya rangi
Kamili
Triadi
Sawa
Monokromatiki
Matumizi ya kawaida
- Chagua rangi kwa muundo wa wavutiChagua na zaa rangi kwa wavuti yako β pata HEX, RGB, na thamani za HSL pamoja na paleti zinazofaa.
- Chagua rangi kwa ubaoJenga paleti ya rangi ya chapa yako β chagua rangi ya msingi, ya pili, na mkazo ambayo hufanya kazi pamoja.
- Chagua rangi kwa hazina ya kijamiiUnda paleti za rangi za kutaka kwa machapisho ya hazina ya kijamii, hadithi, na muundo wa profaili.
- Chagua rangi kwa muundo wa kuchapishaChagua rangi kwa nyenzo za kuchapisha β karatasi, kadi za biashara, mujamala β yenye muonekano wa rangi makubwa.
- Chagua rangi kwa kuwasilishaMuundo wa rangi ya slaidi β chagua rangi za maandishi yanayoweza kusoma, pali za chati, na rangi za mkazo thabiti.
Jinsi Inavyofanya Kazi
Kila kitu kinafanya kazi moja kwa moja kwenye kivinjari chako kwa kutumia hesabu ya ubadilishaji iliyoandikwa mwenyewe β hakuna maktaba ya rangi, hakuna mzunguko wa seva. Unachagua rangi kupitia uingizaji wa rangi wa ndani wa kivinjari au EyeDropper API, na kifaa kinaibadilisha papo hapo kuwa miundo sita huku pia kikihesabu uwiano wa mkanganyiko wa WCAG na kuzalisha mchanganyiko wa rangi.
- 1Uingizaji wa rangi kupitia API ya asiliUnachagua rangi kupitia kipengele cha ndani cha kivinjari cha <input type="color">, au β kwenye vivinjari vya msingi wa Chromium β EyeDropper API inakuruhusu kuchukua sampuli ya pikseli yoyote kwenye skrini yako. Njia zote mbili zinarudisha mfuatano wa hex unaokuwa chanzo kimoja cha ukweli.
- 2Ubadilishaji wa muundo ulioandikwa mwenyeweKifaa kinabadilisha thamani ya hex kuwa RGB, HSL, HSV, CMYK, na OKLCH kwa kutumia kazi zake za hesabu (bila maktaba ya nje). Ubadilishaji wa OKLCH unasawazisha chaneli za sRGB, kutumia matriki ya mzizi wa mchemraba ya OKLab, kisha kutokana chroma na pembe ya hue β ikilingana na matokeo ya kisasa ya CSS Color Level 4.
- 3Hesabu ya uwiano wa mkanganyiko wa WCAGMwangaza wa jamaa unahesabiwa kutoka chaneli za RGB zilizosawazishwa kwa kutumia fomula ya WCAG 2.x. Kifaa kisha kinahesabu uwiano wa mkanganyiko dhidi ya nyeupe kamili na nyeusi kamili na kuzipa lebo AA-kubwa, AA, AAA, au Kushindwa kulingana na vikomo vya WCAG (3:1, 4.5:1, 7:1).
- 4Uzalishaji wa mchanganyiko wa rangi na uhifadhi wa ndaniVivuli vya inayosaidiana, tatu, inayolingana, na monochromatic vinatokana na kuzungusha au kusogeza thamani za hue na mwanga za HSL kwa hesabu. Michanganyiko iliyohifadhiwa inaandikwa kwenye localStorage kwenye kivinjari chako β hakuna kinachoondoka kwenye kifaa chako.
Zana Zinazohusiana
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.
Kibadilishi cha Rangi
Badilisha rangi kati ya umbizo za HEX, RGB, HSL, HSV, na CMYK haraka. Inajumuisha kipimo cha mwangaza na vielelezo vya awali.
Mtoaji wa Palette ya Rangi ya Picha
Toa rangi zinazotawala kutoka picha yoyote ukitumia ukadirio wa k-means ya rangi. Pata misimbo ya hex ya rangi za juu 2-16 katika picha au nembo yako.