Värvivarjundite generaator
Loo mis tahes värvi heledaid ja tumedaid varjundeid disainisüsteemide ja UI-palettide jaoks. Väljund HEX-, RGB- või HSL-formaadis. Tasuta, 100% brauseris.
Viide
Mis on toonid ja varjundid?
Värviteoorias on toon (tint) mis tahes värv, mis on segatud valgega (muutes selle heledamaks), ja varjund (shade) on mis tahes värv, mis on segatud mustaga (muutes selle tumedamaks). Koos moodustavad need monokromaatse paleti — ühe värvuse variatsioonid erinevatel heleduse tasemetel. See tööriist genereerib täieliku skaala valgest läbi sinu põhivärvi mustani, andes sulle kasutamisvalmis värvitrepistiku disaini ja arenduse jaoks.
Värvivarjundite kasutusalad
Disainisüsteemid — genereeri 9- või 11-astmeline varjundi skaala brändivärvile, järgides mustrit, mida kasutavad Tailwind CSS (50–950), Material Design ja enamik kaasaegseid disainisüsteeme. UI komponentide olekud — kasuta heledamaid toone taustade ja hover-olekute jaoks, põhivärvi esmaseks tegevuseks ning tumedamaid varjundeid teksti, äärise ja aktiivse oleku jaoks. Andmete visualiseerimine — loo järjestikused hele-tumeda värviskaalad koropleedikaartide, soojuskaartide ja diagrammide jaoks, kus intensiivsus esindab suurust. Ligipääsetavus — leia varjundipaarid, mis vastavad WCAG kontrastsuse nõuetele (4,5:1 tavalise teksti jaoks, 3:1 suure teksti jaoks).
Kuidas varjundeid genereeritakse
Varjundid genereeritakse lineaarselt interpoleerides RGB-ruumis valgest (#FFFFFF) läbi põhivärvi mustani (#000000). N varjundi puhul ilmub põhivärv skaala keskpunktis. Iga samm seguneneb ühtlaselt, tootes järjepideva heleduse progressiooni. Väljund on saadaval HEX-, RGB- ja HSL-formaadis — kopeeri üksikuid väärtusi või kogu paletti korraga.
Privaatsus
Kõik arvutused tehakse 100% brauseris. Andmeid ei saadeta ühelegi serverile.