# 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.

Teie reklaam siin?

[Kirjutage meile](mailto:hi@dennn.is?subject=Reklaam%20OneClick%20Pro-is)

[Reklaam Agentidele mõeldud pistikprogrammide komplekt WordPress jaoks.](https://sleekwp.com/?ref=oneclickpro)