Soo Saaraha Midabka Palette oo Bilaash ah

Sida Ay U Shaqeyso

Qalabku waxaa lagu dhisay eber laybreri oo dibadeed ah — dhammaan xisaabta midabku waxay ka socotaa JavaScript gacanta lagu qoray oo toos ah biraawsarkaaga. Wuxuu u beddelaa midabka aad dooratay hex iyo HSL dhexdiisa, kadibna wuxuu dabaqaa xeerarka isku-dheelitirka midabka ee caadiga ah (isku-simaha, saddexanka, xigga, iwm) isagoo isticmaalaya xisaab dhinaca giraanta hue-ga si loo soo saaro qaab kasta oo midab ah.

1. 1
   Beddelidda hex-ilaa-HSL

   Marka aad dooratid midab, qalabku wuxuu falanqeeyaa xarigga hex-ka qaybaha RGB waxaana u beddelaa HSL (hue, saturation, iftiin). Hue-gu waa booska 0–360 darajo ee giraanta midabka; xisaabta qaabka midabku dhammaanteed waxay ka dhacdaa booskan.
2. 2
   Xisaabta hue-ga ee isku-dheelitirka

   Nooc qaab midab kasta waa qaacido wareeg go'an oo lagu dabaqay hue-ga aasaasiga ah. Isku-simuhu wuxuu ku daraa 180°, saddexankuna wuxuu ku daraa 120° iyo 240°, afarankuna wuxuu tallaabsadaa 90°, kala-siman-isku-simuhuna wuxuu isticmaalaa 150° iyo 210°. Hal-midabka iyo hooska waxay sii haystaan hue-ga iyo saturation-ka isku mid ah halka la kor iyo hoos u tallaabsanayo iftiinka.
3. 3
   Wax-soo-saarka HSL-ilaa-hex

   Saddex-qaybood HSL kasta oo la xisaabiyay waxaa dib loogu beddelaa midab hex ah isagoo isticmaalaya qaacidada chroma caadiga ah. Natiijooyinku waxay u muuqdaan xarig midab ah oo leh sumado si toos ah isu-dhigay isku-dhufasho (qoraal madow oo ku yaal sawirro iftiin ah, qoraal iftiin ah oo ku yaal kuwa madow) oo lagu go'aamiyay xad luminance oo fudud.
4. 4
   Ku soo saar qaabka aad doorbidid

   Qaabka midabka waxaa loo koobiyeyn karaa sida xarig hex ah ama loo soo saari karaa fayl doorsoomayaal CSS ah (:root { --color-1: … }), doorsoomayaal SCSS, gooye qaab Tailwind ah, shay JSON ah, ama xarig midab PNG ah. Soo-saarka PNG-gu wuxuu isticmaalaa Canvas API-ga biraawsarka (toDataURL) si loo sawiro sawir kasta oo leh sumaddiisa hex — wax walba waxaa lagu abuuraa si gudaha ah marka la gujiyo.

Qalabka La Xiriira