Utilia
Kategoriat ▾
Kieli: fi ▾

Värin nimi -haku

Selvitä värin nimi. Anna HEX- tai RGB-koodi ja saat 5 lähintä nimeä yli 30 000 nimetystä väristä sekä lähimmän CSS-värin nimen.

Näin käytät värin nimi -hakua

  1. Valitse väri kohdasta Valitse väri tai kirjoita arvo kenttään Värikoodi: HEX-koodi, kuten #1E90FF, rgb(30 144 255), hsl(210 100% 56%) tai mikä tahansa muu CSS-väri.
  2. Ensimmäisellä kerralla työkalu lataa noin 32 000 värinimen luettelonsa (muutama sata kilotavua, kerran käyntiä kohti). Sen jälkeen tulokset ilmestyvät kirjoittaessasi.
  3. Lue Lähin nimi kohdan Värisi vierestä. Kun koodi löytyy luettelosta täsmälleen, tekstinä on Täsmällinen osuma.
  4. Alla luetellaan 5 lähintä nimeä ja Lähimmät CSS-värinimet HEX-koodeineen ja etäisyyksineen (ΔE). Kopioi nimi tai Kopioi HEX ottaa yhden talteen.
  5. Vaihda Vertailutapa arvoon CIEDE2000 (CIELAB) tai OKLab-etäisyys vertaillaksesi tuloksia tai napsauta Satunnainen väri tutkiaksesi.

Väri ja haku pysyvät selaimessasi. Mitään kirjoittamaasi ei lähetetä palvelimelle.

Mistä nimet tulevat

Nimet tulevat color-name-list-kokoelmasta, joka on avoimen lähdekoodin kokoelma. Sitä ylläpitävät David Aerne ja lukuisat avustajat MIT-lisenssillä. Se kokoaa noin 32 000 yksilöllistä nimeä maalikartoista, historiallisista väriluetteloista, luonnosta, popkulttuurista ja yhteisön ehdotuksista, aina ”Absolute Zerosta” ”Zucchiniin”. Jokainen nimi kuuluu täsmälleen yhdelle HEX-koodille. Värinimet ovat englanniksi: työkalu ei tarjoa suomenkielisiä värinimiä, joten suomalainen väri, kuten ”sinipunainen”, ei löydy hakemalla sen nimeä.

Työkalu vertaa väriäsi myös CSS Color Level 4:n 148 CSS-värinimeen (tomato, rebeccapurple, dodgerblue…), jotka kaikki selaimet ymmärtävät. Samaa koodia käyttävät synonyymit näytetään yhdessä, kuten gray / grey tai aqua / cyan. Näitä nimiä kannattaa käyttää tyylitiedostossa, kun haluat luettavaa koodia.

Miten lähin väri valitaan

HEX-koodien vertailu numero kerrallaan ei toimi: #808080 ja #7F8080 ovat lähes identtisiä, mutta pieni muutos toisella kanavalla voi näyttää hyvin erilaiselta. Työkalu muuntaa jokaisen värin havaintoon perustuvaan väriavaruuteen ja mittaa etäisyydet siellä.

  • CIEDE2000 (CIELAB) on Kansainvälisen valaistuskomission (CIE) värieron kaava, jota käytetään painotyössä ja maalien sävytyksessä. Se korjaa vanhempaa CIELAB-etäisyyttä sen mukaan, miten silmämme arvioivat vaaleutta, kromaa ja sävyä, erityisesti sinisissä ja lähes harmaissa sävyissä. Toteutus noudattaa Sharman, Wun ja Dalalin (2005) artikkelia, ja sitä on testattu heidän vertailuaineistollaan.
  • OKLab-etäisyys on suora etäisyys OKLabissa, nykyaikaisessa avaruudessa, joka on suunniteltu tasaisia havaintoaskeleita varten. Se näytetään sadalla kerrottuna, jotta se luetaan samalla asteikolla kuin ΔE2000. Se on nopeampi ja useimmiten samaa mieltä CIEDE2000:n kanssa. Kun ne eroavat, erot ovat vähäisiä.

Ohjeena: alle 1:n ΔE on useimmille näkymätön, 1–2 on hyvin pieni ero, joka havaitaan vierekkäin, ja yli 5:n erolla värit näyttävät selvästi erilaisilta. Jos lähimmällä nimellä on suuri ΔE, värisi vain osuu nimettyjen värien väliin.

Ideoita värinimien käyttöön

  • Nimeä suunnittelutunnisteet ja paletin värinäytteet ystävällisemmin kuin koodilla.
  • Kuvaile väri sähköpostissa, tuoteluettelossa tai kuvan vaihtoehtoisessa tekstissä.
  • Etsi brändivärin lähellä oleva CSS-avainsana nopeaa prototyyppiä varten.

Usein kysytyt kysymykset

Mikä on värin #1E90FF nimi?

Sen CSS-nimi on dodgerblue, kirkas taivaansininen, ja suuri yhteisöluettelo kutsuu sitä nimellä ”Clear Chill” (täsmällinen osuma). Kirjoita mikä tahansa muu koodi löytääksesi sen lähimmät nimet samalla tavalla.

Miksi jotkin nimet ovat erikoisia?

Luettelo on yhteisön tekemä, ja siinä on leikkisiä nimiä popkulttuurista ja luonnosta. Katso viittä lähintä tulosta ja valitse yhteyteesi sopiva. CSS-värinimet ovat vakiintuneimpia.

Onko lähin nimi täsmälleen minun värini?

Vain silloin, kun tekstinä on Täsmällinen osuma ja ΔE on 0. Muuten nimi kuuluu lähellä olevalle värille: vertaa kahta värinäytettä vierekkäin.

Mitä vertailutapaa kannattaa käyttää?

CIEDE2000 on vakiintunut alan standardi ja oletus. OKLab-etäisyys on hyvä moderni vaihtoehto. Kokeile molempia, kun väri sijoittuu kahden nimen väliin.

Voinko hakea nimen perusteella koodin sijaan?

Et tässä työkalussa. Voit kuitenkin kirjoittaa minkä tahansa 148 CSS-värinimestä kenttään Värikoodi, esimerkiksi salmon, ja nähdä sen lähellä olevat muut nimet.

Aiheeseen liittyvät työkalut