Color Name Finder
Find det nærmeste navngivne CSS-farvenavn for en vilkårlig farveværdi. Indsæt op til 100 farver i et vilkårligt CSS-format, og få det nærmeste match blandt de 148 CSS-farvenavne for hver farve, rangeret efter farveforskellen CIEDE2000, sammen med navnet, hex-koden, Delta E-værdien og en matchvurdering. Vis op til 10 match pr. farve. Praktisk til at navngive designtokens, beskrive farver i dokumentation og finde et hurtigt søgeord.
Ofte stillede spørgsmål
Hvilke farvenavne søges der efter?
De 148 navngivne farver i CSS Color 4, fra aliceblue til yellowgreen, inklusive rebeccapurple. Navne med samme værdi, såsom aqua og cyan, fuchsia og magenta samt stavemåderne gray og grey, vises samlet på én række, så der er 139 forskellige farver. transparent og systemfarver er ikke med.
Hvordan måles det nærmeste navn?
Med farveforskellen CIEDE2000, Delta E 2000, beregnet i CIELAB af biblioteket culori. Det er branchestandarden for, hvor forskellige to farver ser ud for en gennemsnitlig observatør; en lavere værdi betyder et tættere match.
Hvad betyder matchvurderingerne?
Exact betyder, at den navngivne farve har den samme hexkode. Very close betyder en Delta E under 2, som er svær at skelne fra; similar betyder under 5, hvilket kan ses, når farverne står ved siden af hinanden; distant betyder 5 eller mere, hvor navnet kun beskriver den overordnede farvefamilie.
Hvor mange match får jeg?
Mellem 1 og 10 pr. farve, som standard 3, sorteret fra nærmeste til fjerneste. Flere match er nyttige, når det nærmeste navn har den rigtige lyshed, men den forkerte nuance, eller omvendt.
Hvordan indtaster jeg farver?
Indtast én farve pr. linje eller flere på én linje adskilt af kommaer eller semikoloner; kommaer inde i rgb() eller hsl() fungerer ikke som separator. Hexkoder med eller uden #, CSS farvenavne, rgb(), hsl(), hwb(), lab(), lch(), oklab(), oklch(), color() og cmyk() accepteres, op til 100 farver pr. kørsel.
Hvad sker der med gennemsigtige farver?
Navngivne farver er uigennemsigtige, så alfaværdien ignoreres, og farven sammenlignes, som om den var helt uigennemsigtig. HEX-kolonnen viser den 6-cifrede kode, der blev sammenlignet.
Hvad sker der med farver med stort farverum?
Farver uden for sRGB, såsom klare Display P3- eller OKLCH-værdier, konverteres først til sRGB med algoritmen CSS Color 4, fordi alle CSS navngivne farver er sRGB-farver. HEX-kolonnen viser derefter den konverterede værdi, som navnene sammenlignes med.
Kan jeg bruge navnet i stedet for min hexkode?
Kun når matchen er præcis; ellers ser den navngivne farve anderledes ud. Et nærliggende navn er stadig et godt, læsevenligt tip i et designtoken eller i dokumentation, for eksempel en blå, der minder om steelblue.
Hvorfor kun CSS navne og ikke en længere liste?
CSS navne er dem, alle browsere forstår, og som du kan skrive direkte i et stylesheet. Større navnelister varierer fra leverandør til leverandør og er ofte licenserede, mens disse 148 navne er defineret af standarden CSS.
Hvorfor kan et match med højere Delta E se tættere ud for mig?
Delta E 2000 modellerer en gennemsnitlig observatør under standardiserede betragtningsforhold. Din skærm, dens kalibrering, de omgivende farver og individuelle farvesyn påvirker alle, hvad der ser tættest ud, så brug rangeringen som en god rettesnor snarere end en absolut sandhed.