Kyauta Mai Canza Launi

Yadda Yake Aiki

Duk ka'idar canjawa JavaScript ce da aka rubuta da hannu tana gudana gaba ɗaya a burauzarka — babu ɗakin karatu, babu kiran uwar garke. Kayan aikin yana nazarin shigarwarka, yana ba ta hanya ta jerin ayyukan lissafi tsantsa, kuma a lokaci guda yana samar da tsari goma sha ɗaya na fitarwa ciki har da sararin CSS Color 4 na zamani oklch() da lab().

1. 1
   Nazarin shigarwa mai sassauci

   Wani mai nazari na musamman yana karɓar hex (digit 3, 4, 6, ko 8), rgb()/rgba(), hsl()/hsla() a duka tsohuwar syntax ta waƙafi da syntax na zamani ta sarari, da uku-uku na lamba tsantsa. Ana daidaita ƙimomin alpha a matsayin decimal ko kaso zuwa zango 0–1 kafin duk wata canjawa ta fara.
2. 2
   RGB a matsayin cibiyar canjawa

   Ana warware kowane tsari da aka karɓa zuwa uku-uku na RGB na asali tukuna. Daga wannan wakilci guda ɗaya kayan aikin yana yaɗawa: HSL da HSV suna amfani da ka'idojin min/max/chroma na al'ada; ana samo CMYK ta hanyar gano tashar key; kuma ana amfani da daidaitawar sRGB (lanƙwasar gamma na sassa da aka bayyana a IEC 61966-2-1) kafin lissafin sararin fahimta.
3. 3
   An lissafta sararin launi na fahimta daga farko

   Ana lissafta oklch() ta amfani da matrix 3×3 na tunani na Björn Ottosson (sararin cube-root na LMS). lab() da lch() suna amfani da daidaitawar launi ta Bradford don canjawa daga wurin fari na D65 zuwa D50, wanda ya yi daidai da yadda CSS Color 4 take bayyana lab(). Waɗannan iri ɗayan ka'idoji ne da ake amfani da su a injinan zanawa na burauza — an aiwatar da su a nan ba tare da wani dogaro na waje ba.
4. 4
   Bambancin WCAG da ma'aunin haske

   Ana lissafta haske na dangi bisa ka'idar WCAG 2.1 (R, G, B da aka daidaita da auna 0.2126/0.7152/0.0722) kuma ana ba wa rabon bambanci da fari da baki maki AA-babba, AA, AAA, ko Kasa. Ana samar da tsagi na haske matakai tara ta hanyar matsa tashar haske ta HSL daga 10% zuwa 90%, yana barinka ka danna kowane samfur don canja wannan inuwa.

Kayan Aiki Masu Alaƙa