# Värinimen etsijä

Etsi mitä tahansa väriarvoa lähin nimetty CSS-väri. Liitä enintään 100 väriä missä tahansa CSS-muodossa, niin saat kustakin väristä lähimmät 148 CSS-nimettyä väriä CIEDE2000-värieron mukaan järjestettynä. Tuloksissa näytetään nimi, heksakoodi, Delta E -arvo ja vastaavuusarvio. Näytä enintään 10 osumaa väriä kohti. Työkalu auttaa nimeämään suunnittelutunnisteita, kuvailemaan värejä dokumentaatiossa ja löytämään nopeasti sopivan avainsanan.

## Usein kysytyt kysymykset

### Mitä värinimiä etsitään?

148 nimettyä CSS Color 4 -väriä, aliceblueta yellowgreeniin, mukaan lukien rebeccapurple. Saman arvon saavat nimet, kuten aqua ja cyan, fuchsia ja magenta sekä gray- ja grey-kirjoitusasut, näkyvät samalla rivillä, joten erillisiä värejä on 139. Värit transparent ja järjestelmävärit eivät sisälly mukaan.

### Miten lähin nimi määritetään?

CIEDE2000-värieroarvolla Delta E 2000, jonka culori-kirjasto laskee CIELAB-väriavaruudessa. Se on alan standardi sille, miten erilaisilta kaksi väriä näyttävät keskivertohavainnoijasta; pienempi arvo tarkoittaa läheisempää vastaavuutta.

### Mitä vastaavuusarviot tarkoittavat?

Täsmälleen sama tarkoittaa, että nimetyn värin heksakoodi on sama. Erittäin lähellä tarkoittaa, että Delta E on alle 2, jolloin eroa on vaikea havaita. Samankaltainen tarkoittaa alle 5:tä, jolloin ero näkyy vierekkäin tarkasteltuna. Etäällä tarkoittaa vähintään 5:tä, jolloin nimi kuvaa vain yleistä väriperhettä.

### Kuinka monta vastaavuutta saan?

Kustakin väristä 1–10, oletuksena 3, lähimmästä kaukaisimpaan järjestettynä. Useammasta vastaavuudesta on apua, kun lähimmän nimen vaaleus on sopiva mutta sävy väärä tai päinvastoin.

### Miten syötän värit?

Lisää yksi väri riville tai useita samalle riville pilkuilla tai puolipisteillä erotettuina; pilkut arvojen rgb() tai hsl() sisällä eivät erottele värejä. Hyväksyttyjä ovat heksakoodit #-merkillä tai ilman, CSS värinimet, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() ja cmyk(). Yhdellä käyttökerralla voi antaa enintään 100 väriä.

### Mitä läpinäkyville väreille tapahtuu?

Nimetyt värit ovat peittäviä, joten alfakanava ohitetaan ja väriä verrataan kuin se olisi täysin peittävä. HEX-sarakkeessa näkyy vertailussa käytetty 6-merkkinen koodi.

### Miten laajan väriavaruuden värejä käsitellään?

sRGB-väriavaruuden ulkopuoliset värit, kuten kirkkaat Display P3- tai OKLCH-arvot, muunnetaan ensin sRGB-väriavaruuteen CSS Color 4 -algoritmilla, sillä kaikki CSS nimetyt värit ovat sRGB-värejä. HEX-sarakkeessa näkyy muunnettu arvo, johon nimiä verrataan.

### Voinko käyttää nimeä heksakoodini sijaan?

Vain, jos vastaavuus on täsmällinen; muussa tapauksessa nimetty väri näyttää erilaiselta. Läheinen nimi on silti hyödyllinen, ihmiselle ymmärrettävä vihje design-tokenissa tai dokumentaatiossa, esimerkiksi steelbluea lähellä olevasta sinisestä.

### Miksi nimiä on vain CSS eikä enemmän?

CSS nimet ovat sellaisia, jotka kaikki selaimet ymmärtävät ja jotka voi kirjoittaa suoraan tyylitiedostoon. Laajemmat nimiluettelot vaihtelevat toimittajittain ja ovat usein lisensoituja, kun taas nämä 148 nimet määrittelee CSS-standardi.

### Miksi suuremman Delta E -arvon vastaavuus voi näyttää minusta läheisemmältä?

Delta E 2000 mallintaa keskivertohavainnoijaa tavallisissa katseluolosuhteissa. Näyttösi, sen kalibrointi, ympäröivät värit ja yksilöllinen värinäkö vaikuttavat kaikki siihen, mikä näyttää lähimmältä, joten pidä järjestystä hyvänä ohjeena, älä ehdottomana totuutena.

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)