Värviastmete generaator
Loo värvitoone, segades värvi neutraalse halliga võrdsete sammudena. Nii väheneb küllastus, kuid toon jääb samaks. Sisesta üks värv suvalises CSS vormingus, vali 2–20 sammu ja segamisruum ning saad tabeli, kus on iga tooni HEX-, RGB-, HSL- ja OKLCH-väärtused alates algsest värvist. Sobib tuhmi värvipaleti, keelatud olekute, tagasihoidlike pindade ja rahulikumate brändivariantide loomiseks.
Korduma kippuvad küsimused
Mis on toon?
Toon on värv, mis on segatud halliga. Selle toon säilib ja värv muutub tuhmimaks, erinevalt valgega segatud värvivarjundist või mustaga segatud tumedamast varjundist.
Millist halli kasutatakse?
sRGB keskmist halli #808080, rgb(128 128 128). Heledad värvid muutuvad sellele lähenedes veidi tumedamaks ja tumedad veidi heledamaks. Teise halliga segamiseks kasuta Color Mixerit ja määra ise hall värv.
Kuidas sammud jaotuvad?
N sammu korral segatakse reas k värvi halliga osakaalus (k - 1) / N, nii et 10 sammu annavad 0%, 10%, 20% ja nii edasi kuni 90%. Esimeses reas on alati algne värv ja tavalist halli loendisse ei lisata.
Mille poolest erineb toon HSL küllastuse vähendamisest?
HSL küllastuse vähendamisel säilib HSL heledus, halliga segamisel aga liigub heledus samuti keskmise poole. Seetõttu näevad toonid välja nagu läbi halli filtri vaadatud värvid, mis sobivad tagasihoidliku tausta ja keelatud olekute jaoks.
Mis vahe on sRGB- ja OKLab-segamisel?
sRGB-segamisel arvutatakse gammakodeeritud kanaliväärtuste keskmine, nagu klassikalistes värvisegamise toonitabelites ja Sass mix(). OKLab-segamine toimub tajupõhises ruumis, mistõttu väheneb kromaatilisus sammhaaval ühtlasemalt.
Milliseid sisendvorminguid saan kasutada?
Kuueteistkümnendkoodid koos märgiga # või ilma, CSS värvinimed, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() ja cmyk(). Sisestage iga käivituse jaoks üks värv.
Mitu tooni saan luua?
Ühe käivitusega 2 kuni 20, vaikimisi 10. Arvu sisse kuulub esimese rea algne värv.
Milliseid väärtusi tabel kuvab?
Iga sammu kohta kuvatakse halli osakaal, kuueteistkümnendkood, rgb(), hsl() ja oklch() tänapäevases CSS süntaksis. RGB kanalid esitatakse täisarvudena, HSL protsendid kuni kahe komakohaga ning OKLCH heledus ja kromaatilisus kuni nelja komakohaga.
Mis juhtub läbipaistvate ja laia värvigammaga värvidega?
Sisendi alfa säilib kõigi toonide puhul, seega on kuueteistkümnendkoodid siis 8-kohalised. Värviruumist välja jäävad sammud teisendatakse sRGB-sse Color 4 algoritmiga CSS veergudes HEX, RGB ja HSL, OKLCH veerus jääb väärtus teisendamata.
Kuidas saan tooni CSS abil taastada?
Kopeeri kuueteistkümnend- või oklch()-väärtus või lase brauseril värv segada avaldisega color-mix(in oklab, var(--brand) 70%, #808080), et saada OKLab-seadistuse 30% toon. color-mix() töötab kõigis praegustes suuremates brauserites.