Olùyí Àwọ̀ Ọ̀fẹ́

Bí Ó Ṣe Ń Ṣiṣẹ́

Gbogbo ìlànà ìyípadà jẹ́ JavaScript tí a fi ọwọ́ kọ tí ó ń ṣiṣẹ́ pátápátá nínú aṣàwákiri rẹ — kò sí ìwé-ìṣirò, kò sí ìpè sáfà. Irinṣẹ́ náà ń pín ìbáwọlé rẹ, ó ń darí rẹ̀ nípasẹ̀ ọ̀wọ́ àwọn iṣẹ́ ìṣírò pípé, ó sì ń mú ìrísí ìtọjade méjìlá jáde ní àkókò kan náà títí kan àyè CSS Color 4 òde òní oklch() àti lab().

1. 1
   Ìpín ìbáwọlé tí ó ṣàrọ́ṣọ́

   Parser àkànṣe kan ń gba hex (àmì 3, 4, 6, tàbí 8), rgb()/rgba(), hsl()/hsla() ní gírámà kọ́mà àtijọ́ àti gírámà àyè òde òní méjèèjì, àti ọ̀wọ́-mẹ́ta nọ́mbà lásán. Àwọn iye alpha gẹ́gẹ́ bí decimals tàbí percentages ni a jọ̀wọ́ sí àyè 0–1 kí ìyípadà èyíkéyìí tó bẹ̀rẹ̀.
2. 2
   RGB gẹ́gẹ́ bí àárín ìyípadà

   A ń kọ́kọ́ yí ìrísí kọ̀ọ̀kan tí a gbà padà sí ọ̀wọ́-mẹ́ta RGB déédéé. Láti inú àwòrán kan yìí irinṣẹ́ náà ń tàn síta: HSL àti HSV ń lo àwọn fọ́rmúlà min/max/chroma déédéé; a ń mú CMYK jáde nípa wíwá ọ̀nà bọ́tìnnì; a sì fi linearization sRGB (ìlà gamma tí a pín sí ẹ̀ka tí a dá kalẹ̀ nínú IEC 61966-2-1) sílo kí ìṣírò àyè-ìmọ̀lára tó bẹ̀rẹ̀.
3. 3
   Àwọn àyè àwọ̀ ìmọ̀lára tí a ṣírò láti ìbẹ̀rẹ̀pẹ̀pẹ̀

   A ń ṣírò oklch() ní lílo àwọn matrices ìtọ́kasí 3×3 Björn Ottosson (àyè-idì-mẹ́ta LMS). lab() àti lch() ń lo ìjọ́wọ́ àwọ̀ Bradford láti yí padà láti ojú-funfun D65 sí D50, èyí tí ó bára mu bí CSS Color 4 ṣe dá lab() lé. Àwọn fọ́rmúlà kan náà ni àwọn ẹ́ńjìnnì àwòrán aṣàwákiri ń lò — tí a ṣe àmúlò rẹ̀ níbí láìsí ìgbẹ́kẹ̀lé ìta kankan.
4. 4
   Àyè WCAG contrast àti fífúyẹ́

   A ń ṣírò luminance ìbátan pẹ̀lú fọ́rmúlà WCAG 2.1 (R, G, B tí a ṣe linearize tí a fi ìwọ̀n sí 0.2126/0.7152/0.0722) a sì ń fi ìdíwọ̀n ìyàtọ̀ lòdì sí funfun àti dúdú lé bí AA-ńlá, AA, AAA, tàbí Kùnà. A ń mú ìlà fífúyẹ́ mẹ́sàán-án jáde nípa gbígbé ọ̀nà fífúyẹ́ HSL láti 10% sí 90%, tí ó jẹ́ kí o tẹ swatch èyíkéyìí láti yí ìtànmọ́lẹ̀ yẹn padà.

Àwọn Irinṣẹ Tó Jọra