Besplatan Birač boja i generator paleta

Kako radi

Sve se odvija direktno u vašem pregledniku koristeći ručno napisanu matematiku konverzije — bez biblioteke boja, bez putovanja do servera. Boju birate putem native unosa boje preglednika ili EyeDropper API-ja, i alat je trenutno pretvara u šest formata dok istovremeno izračunava WCAG omjere kontrasta i generiše harmonijske palete.

1. 1
   Unos boje putem native API-ja

   Boju birate kroz ugrađeni widget preglednika <input type="color">, ili — u preglednicima zasnovanim na Chromiumu — EyeDropper API vam omogućava da uzorkujete bilo koji piksel na vašem ekranu. Oba puta vraćaju heksadecimalni niz koji postaje jedini izvor istine.
2. 2
   Ručno napisane konverzije formata

   Alat pretvara heksadecimalnu vrijednost u RGB, HSL, HSV, CMYK, i OKLCH koristeći vlastite matematičke funkcije (bez vanjske biblioteke). OKLCH konverzija linearizuje sRGB kanale, primjenjuje OKLab matricu korijena kuba, zatim izvodi zasićenost i ugao nijanse — odgovarajući modernom CSS Color Level 4 izlazu.
3. 3
   Izračunavanje WCAG omjera kontrasta

   Relativna svjetlina se izračunava iz linearizovanih RGB kanala koristeći WCAG 2.x formulu. Alat zatim izračunava omjere kontrasta u odnosu na čistu bijelu i čistu crnu i označava ih kao AA-veliki, AA, AAA, ili Neuspjeh prema WCAG pragovima (3:1, 4,5:1, 7:1).
4. 4
   Generisanje harmonijske palete i lokalno čuvanje

   Komplementarni, trijadni, analogni, i monohromatski uzorci se izvode rotiranjem ili pomjeranjem vrijednosti HSL nijanse i svjetline matematički. Sačuvane palete se zapisuju u localStorage u vašem pregledniku — ništa ne napušta vaš uređaj.

Povezani alati