Värviharmooniate generaator
Tehnilised üksikasjad
Kuidas värviharmooniate generaator töötab
Mida tööriist teeb
Värviharmooniate generaator arvutab ühest baastoonist matemaatiliselt seotud värvikomplektid: komplementaarne, analoogne, triaadiline, tetradiline, ruut, jagatud komplementaarne, monokromaatiline ja varjundid. Iga palett kuvatakse HEX-, RGB- ja HSL-väärtustega, mida saad ühe klõpsuga kopeerida ja kasutada otse CSS-is või disainitokenites.
Levinud kasutusjuhtumid arendajatele
Disainerid prototüübivad brändipalette, uurides, kuidas bränditoon erinevate harmooniareeglite all muutub. Frontend-arendajad tuletavad nupu-, teavituse- ja märgiseaktsentvärvid esmasest brändivärvist. Andmevisualiseerimise insenerid valivad kategoorilised värvikomplektid, mis näivad sihipärased, kuid jäävad eristatavaks. Tootejuhid võrdlevad paletivalikuid disainiettepanekute ülevaatamisel ilma spetsiaalseid disainitööriistu vajamata.
Andmevormingud, tüübid või variandid
Saadaval on kaheksa skeemi: komplementaarne (baas + 180°), analoogne (baas ± 30°), triaadiline (3 värvi 120° vahega), tetradiline (ristkülikuline 4-värviline), ruut (4 värvi 90° vahega), jagatud komplementaarne (baas + ±150°), monokromaatiline (sama toon erineva heledusega 10–90%) ja varjundid (sama toon, tumedast heledani). Iga värv sisaldab oma HEX-, RGB- ja HSL-esitusi koos rollisildiga.
Levinud komistuskivid ja erijuhud
Äärmiselt vähe küllastunud või peaaegu halltoonilistest baastoonidest tuletatud harmooniad näevad skeemide lõikes eristamatud välja — alusta küllastunud baasist. Väga küllastunud baasid koos triaadiliste või tetradiliste skeemidega võivad anda liiga karjuvaid, raskesti tasakaalustatavaid palette; UI jaoks kaalu küllastuse vähendamist. Mõned harmooniatest tuletatud paarid ei vasta WCAG-kontrastile — kontrolli enne väljalaset alati teksti/tausta paare Värvikontrasti tööriistas.
Millal kasutada seda tööriista vs koodi
Kasuta brauseritööriista ideede genereerimiseks, kiireks uurimiseks ja disaini ülevaatuseks. Koodis võimaldavad teegid nagu chroma.js, colord või culori harmooniaid programmiliselt arvutada, integreerida need disainitokenite build-torustikesse ning kombineerida harmooniamatemaatika tajuliselt ühtlaste värviruumidega nagu Oklch, et saada ühtlasema välimusega palette.