Värvi heledamate variantide generaator
Looge värvist heledamaid variante, segades seda võrdsete sammudega valgega. Sisestage üks värv mis tahes CSS vormingus, valige 2 kuni 20 sammu ja segamisruum ning saate tabeli iga variandi HEX-, RGB-, HSL- ja OKLCH-väärtustega, alustades algsest värvist. sRGB-segamine annab klassikaliste toonitööriistade ja Sass tulemused, samas kui OKLab tagab tajutavalt ühtlased sammud. Sobib hästi taustade, hõljumisolekute ja värviskaalade jaoks.
Korduma kippuvad küsimused
Mis on heledam värvivariant?
Heledam värvivariant saadakse värvi valgega segamisel. See säilitab oma värvitooni ning muutub heledamaks ja kahvatumaks, erinevalt mustaga segatud tumedamast toonist või halliga segatud värviastmest.
Kuidas sammud jaotuvad?
N sammu korral segatakse reas k värv valgega vahekorras (k - 1) / N, nii et 10 sammu annavad 0%, 10%, 20% ja nii edasi kuni 90%. Esimeses reas on alati algne värv ning puhas valge ei kuulu loendisse.
Mis vahe on sRGB- ja OKLab-segamisel?
sRGB-segamisel arvutatakse gammakodeeritud kanaliväärtuste keskmine; nii segavad valgega Sass mix() ja enamik klassikalisi heledamate variantide generaatoreid. OKLab-segamine toimub tajuruumis, mistõttu näivad heleduse sammud ühtlasemad ja heledad toonid ei muutu nii kiiresti kahvatuks.
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 heledamat varianti 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 valge osakaalu, HEX-koodi, rgb(), hsl() ja oklch() tänapäevases CSS süntaksis. RGB kanalid on täisarvud, HSL protsentidel on kuni kaks kümnendkohta ning OKLCH heledusel ja värviküllastusel kuni neli.
Mis juhtub läbipaistvate värvidega?
Sisendvärvi alfa säilib igas heledamas variandis, sest valget lisatakse sama alfaga. HEX-koodid on siis 8-kohalised ja CSS funktsioonides on alfa pärast kaldkriipsu.
Mis juhtub värvidega, mis jäävad väljapoole sRGB-d?
Segamisel kasutatakse kogu värvi, kuid HEX, RGB ja HSL suudavad kuvada ainult sRGB-d, seega teisendatakse neist veergudest värvigammast väljapoole jäävad sammud sRGB-sse, kasutades CSS Color 4 algoritmi. OKLCH veerus säilib teisendamata väärtus.
Kuidas kasutada heledamaid variante CSS-is?
Kopeerige HEX- või oklch()-väärtused kohandatud omadustesse, näiteks --brand-100 ja --brand-200. Kui soovite segada värve hoopis brauseris, annab color-mix(in oklab, var(--brand) 80%, white) OKLab-seadistusega sama 20% heledama variandi.
Kas heleda variandi peal võib kasutada valget teksti?
Tavaliselt mitte, sest heledate variantide kontrast valgega on väike. Kasutage heledatel variantidel tumedat teksti ja kontrollige iga paari kontrastikontrollijaga; tavalise teksti kontrast peab WCAG AA puhul olema vähemalt 4.5:1.