Generator harmonija boja
Tehnički detalji
Kako radi generator harmonija boja
Šta alat radi
Generator harmonija boja izračunava matematički povezane skupove boja iz jedne osnovne nijanse: komplementarne, analogne, trijadne, tetradne, kvadratne, podeljeno-komplementarne, monohromatske i senke. Svaka paleta se prikazuje sa HEX, RGB i HSL vrednostima koje možete kopirati jednim klikom i koristiti direktno u CSS-u ili dizajn tokenima.
Uobičajeni slučajevi upotrebe za programere
Dizajneri prototipiraju brend palete istražujući kako se brend nijansa menja pod različitim pravilima harmonije. Frontend programeri postavljaju akcentne boje za dugmad, upozorenja i bedževe polazeći od primarne brend boje. Inženjeri za vizualizaciju podataka biraju kategorijalne skupove boja koji deluju promišljeno, ali ostaju međusobno razlikljivi. Produkt menadžeri upoređuju opcije paleta pri pregledu dizajn predloga bez potrebe za namenskim dizajnerskim alatima.
Formati podataka, tipovi ili varijante
Dostupno je osam šema: Komplementarna (osnovna + 180°), Analogna (osnovna ± 30°), Trijadna (3 boje na razmaku od 120°), Tetradna (pravougaona 4-bojna), Kvadratna (4 boje na razmaku od 90°), Podeljeno-komplementarna (osnovna + ±150°), Monohromatska (ista nijansa uz različitu svetlinu 10–90%) i Senke (ista nijansa, od tamne ka svetloj). Svaka boja uključuje svoje HEX, RGB i HSL prikaze, zajedno sa oznakom uloge.
Uobičajene greške i rubni slučajevi
Harmonije izvedene iz ekstremno nezasićenih ili skoro sivih osnovnih boja izgledaju nerazlučivo kroz šeme — krenite od zasićene osnove. Veoma zasićene osnove u kombinaciji sa trijadnim ili tetradnim šemama mogu dati prenaglašene, teško uravnotežene palete; razmislite o smanjenju zasićenosti za UI upotrebu. Neka uparivanja izvedena iz harmonija ne ispunjavaju WCAG kontrast — uvek proverite parove tekst/pozadina u alatu Color Contrast pre objave.
Kada koristiti ovaj alat umesto koda
Koristite alat u pregledaču za ideaciju, brzo istraživanje i pregled dizajna. U kodu, biblioteke kao što su chroma.js, colord ili culori omogućavaju da harmonije izračunavate programatski, integrišete ih u build pipeline-ove za dizajn tokene i kombinujete matematiku harmonija sa perceptivno uniformnim prostorima boja kao što je Oklch radi ujednačenije izgledajućih paleta.