Besplatan Generator palete boja

Kako radi

Alat je izgrađen bez ikakvih vanjskih biblioteka — sva matematika boja se odvija u ručno napisanom JavaScriptu direktno u vašem pregledniku. Pretvara vašu odabranu boju između heksadecimalnog i HSL formata, zatim primjenjuje klasična pravila harmonije teorije boja (komplementarno, trijadno, analogno, itd.) putem aritmetike na kotaču nijansi da proizvede svaku paletu.

1. 1
   Konverzija heksadecimalno-u-HSL

   Kada odaberete boju, alat raščlanjuje heksadecimalni niz u RGB komponente i pretvara ih u HSL (nijansa, zasićenost, svjetlina). Nijansa je pozicija na kotaču boja od 0–360 stepeni; sva matematika palete se odvija u ovom prostoru.
2. 2
   Aritmetika nijanse za harmoniju

   Svaki tip palete je fiksna formula rotacije primijenjena na osnovnu nijansu. Komplementarno dodaje 180°, trijadno dodaje 120° i 240°, tetradno se pomjera za 90°, split-komplementarno koristi 150° i 210°. Monohromatsko i sjene drže nijansu i zasićenost konstantnim dok pomjeraju svjetlinu gore i dolje.
3. 3
   HSL-u-heksadecimalno izlaz

   Svaka izračunata HSL trojka se pretvara nazad u heksadecimalnu boju koristeći standardnu chroma formulu. Rezultati se prikazuju kao traka boja sa automatski kontrastiranim oznakama (tamni tekst na svijetlim uzorcima, svijetli tekst na tamnim) određenim jednostavnim pragom svjetline.
4. 4
   Izvoz u željenom formatu

   Paleta se može kopirati kao heksadecimalni nizovi ili izvesti kao datoteka CSS varijabli (:root { --color-1: … }), SCSS varijable, Tailwind konfiguracijski isječak, JSON objekat, ili PNG traka boja. PNG izvoz koristi Canvas API preglednika (toDataURL) da nacrta svaki uzorak sa njegovom heksadecimalnom oznakom — sve se generiše lokalno pri kliku.

Povezani alati