# Värin murrettujen sävyjen luontityökalu

Luo värisävyjä sekoittamalla väriä neutraaliin harmaaseen tasaisin askelin. Kylläisyys vähenee, mutta sävy pysyy samana. Anna väri missä tahansa CSS muodossa, valitse 2–20 askelta ja sekoitustila, niin saat taulukon, jossa näkyvät kunkin sävyn HEX-, RGB-, HSL- ja OKLCH-arvot alkuperäisestä väristä alkaen. Työkalu sopii hillittyihin paletteihin, käytöstä poistettuihin tiloihin, hienovaraisiin pintoihin ja rauhallisempiin brändivariaatioihin.

## Usein kysytyt kysymykset

### Mikä on sävy?

Sävy on väri, johon on sekoitettu harmaata. Sen värisävy pysyy samana, mutta siitä tulee hillitympi. Värisävyyn sekoitetaan valkoista, kun taas varjoon sekoitetaan mustaa.

### Mitä harmaata käytetään?

sRGB:n keskiharmaata #808080, rgb(128 128 128). Vaaleat värit tummenevat siksi hieman ja tummat vaalenevat hieman lähestyessään keskiharmaata. Jos haluat sekoittaa väriin muuta harmaata, käytä Color Mixer -työkalua ja valitse haluamasi harmaa.

### Miten askelvälit määräytyvät?

Kun askelia on N, rivillä k väriin sekoitetaan harmaata osuus (k - 1) / N, joten 10 askeleella osuudet ovat 0 %, 10 %, 20 % ja niin edelleen 90 %:iin asti. Ensimmäisellä rivillä on aina alkuperäinen väri, eikä pelkkää harmaata lisätä luetteloon.

### Miten sävy eroaa siitä, että HSL kylläisyyttä vähennetään?

Kun HSL kylläisyyttä vähennetään, HSL vaaleus pysyy samana. Harmaaseen sekoittaminen puolestaan vetää vaaleutta kohti keskiarvoa. Sävy näyttää siksi siltä kuin väri näkyisi harmaan suodattimen läpi, ja sopii hillittyihin taustoihin sekä käytöstä poistettuihin tiloihin.

### Mitä eroa sRGB- ja OKLab-sekoituksella on?

sRGB-sekoituksessa gamma-koodattujen kanavien arvot lasketaan yhteen ja niiden keskiarvo otetaan. Tämä on maalimaisissa sävykartoissa ja Sass mix() käytetty perinteinen tapa. OKLab-sekoitus tehdään havaintoperusteisessa väriavaruudessa, joten värikkyys vähenee tasaisemmin askel askeleelta.

### Mitä syötemuotoja voin käyttää?

Heksakoodit #-merkin kanssa tai ilman, CSS värinimet, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() ja cmyk(). Syötä yksi väri kerrallaan.

### Kuinka monta sävyä voin luoda?

Kerralla 2–20, oletuksena 10. Määrään lasketaan mukaan ensimmäisen rivin alkuperäinen väri.

### Mitä arvoja taulukossa näytetään?

Kunkin askeleen harmaan osuus, heksakoodi, rgb(), hsl() ja oklch() nykyaikaisessa CSS-syntaksissa. RGB-kanavat esitetään kokonaislukuina, HSL-prosenttiosuudet enintään kahdella desimaalilla ja OKLCH:n vaaleus ja värikkyys enintään neljällä.

### Mitä läpinäkyville ja laajan väriavaruuden väreille tapahtuu?

Syötteen alfa-arvo säilyy jokaisessa sävyssä, joten heksakoodeissa on tällöin 8 numeroa. Sallitun väriavaruuden ulkopuoliset sävyt muunnetaan sRGB-väriavaruuteen CSS Color 4 -algoritmilla HEX-, RGB- ja HSL-sarakkeissa, kun taas OKLCH-sarakkeessa säilytetään muuntamaton arvo.

### Miten luon sävyn uudelleen CSS?

Kopioi heksa- tai oklch()-arvo tai anna selaimen sekoittaa väri komennolla color-mix(in oklab, var(--brand) 70%, #808080), jolloin saat OKLab-asetuksen 30 % sävyn. color-mix() toimii kaikissa nykyisissä suurimmissa selaimissa.

Mainospaikka vapaana?

[Lähetä meille sähköpostia](mailto:hi@dennn.is?subject=Mainostaminen%20palvelussa%20OneClick%20Pro)

[Mainos Agenteille valmis lisäosa­sarja tuotteelle WordPress.](https://sleekwp.com/?ref=oneclickpro)