Generator barvne palete — brezplačno

Kako deluje

Orodje je zgrajeno brez zunanjih knjižnic — vsa barvna matematika teče v ročno napisanem JavaScriptu neposredno v vašem brskalniku. Izbrano barvo pretvarja med šestnajstiško obliko in HSL, nato uporabi klasična pravila harmonije barvne teorije (komplementarno, triadno, analogno itd.) prek aritmetike na barvnem kolesu za ustvarjanje vsake palete.

1. 1
   Pretvorba iz šestnajstiške v HSL

   Ko izberete barvo, orodje razčleni šestnajstiški niz na komponente RGB in jih pretvori v HSL (odtenek, nasičenost, svetlost). Odtenek je položaj 0–360 stopinj na barvnem kolesu; vsa matematika palete poteka v tem prostoru.
2. 2
   Aritmetika odtenka za harmonijo

   Vsak tip palete je fiksna formula vrtenja, uporabljena na osnovni odtenek. Komplementarna doda 180°, triadna doda 120° in 240°, tetradna korak za 90°, split-komplementarna uporabi 150° in 210°. Monokromatska in odtenki senc ohranjajo odtenek in nasičenost konstantna, medtem ko svetlost korakajo gor in dol.
3. 3
   Izpis iz HSL v šestnajstiško

   Vsaka izračunana trojka HSL se pretvori nazaj v šestnajstiško barvo z uporabo standardne formule krome. Rezultati se prikažejo kot barvni trak z samodejno kontrastnimi oznakami (temno besedilo na svetlih vzorcih, svetlo besedilo na temnih), določenimi s preprostim pragom svetlosti.
4. 4
   Izvoz v vaši priljubljeni obliki

   Paleto lahko kopirate kot šestnajstiške nize ali izvozite kot datoteko CSS spremenljivk (:root { --color-1: … }), spremenljivke SCSS, odlomek konfiguracije Tailwind, predmet JSON ali barvni trak PNG. Izvoz PNG uporablja Canvas API brskalnika (toDataURL) za risanje vsakega vzorca z njegovo šestnajstiško oznako — vse se ob kliku ustvari lokalno.

Sorodna orodja