Farbnamens-Suche

Finde den nächstgelegenen CSS-Farbnamen für jeden Farbwert.

Die Farbnamens-Suche ordnet jede HEX-, RGB-, HSL- oder HSV-Farbe dem nächstgelegenen CSS-Farbnamen mit der wahrnehmungsbasierten CIEDE2000-Farbdifferenzformel zu und kann auch eine Farbe aus einem CSS-Namen oder einem nahen Tippfehler finden.

Farbe

Exakte ÜbereinstimmungÄhnlichkeit 100%

red

#ff0000

HEX: #ff0000
RGB: rgb(255, 0, 0)
HSL: hsl(0, 100%, 50%)
HSV: hsv(0, 100%, 100%)

Ähnliche Farbnamen

Ausgabe

{
  "input": "#ff0000",
  "kind": "color",
  "exact": true,
  "name": "red",
  "hex": "#ff0000",
  "distance": 0,
  "similarity": 100,
  "matches": [
    {
      "name": "red",
      "hex": "#ff0000",
      "distance": 0,
      "similarity": 100
    },
    {
      "name": "orangered",
      "hex": "#ff4500",
      "distance": 6.39871686022869,
      "similarity": 94
    },
    {
      "name": "tomato",
      "hex": "#ff6347",
      "distance": 10.197124429842471,
      "similarity": 90
    },
    {
      "name": "crimson",
      "hex": "#dc143c",
      "distance": 13.761170965728436,
      "similarity": 86
    },
    {
      "name": "indianred",
      "hex": "#cd5c5c",
      "distance": 15.22648304730719,
      "similarity": 85
    },
    {
      "name": "coral",
      "hex": "#ff7f50",
      "distance": 15.495106183240578,
      "similarity": 85
    },
    {
      "name": "chocolate",
      "hex": "#d2691e",
      "distance": 15.527021182273668,
      "similarity": 84
    },
    {
      "name": "firebrick",
      "hex": "#b22222",
      "distance": 16.25571503513244,
      "similarity": 84
    }
  ]
}

So wird's genutzt

Gib einen Farbwert wie #ff6347 oder einen CSS-Farbnamen wie tomato ein.
Prüfe die nächste Übereinstimmung, Ähnlichkeitspunktzahl und alternative Farbnamen.
Kopiere Name, Hex-Wert oder Farbwerte nach Bedarf.

Häufig gestellte Fragen

Welche Namen sind enthalten?

Alle 148 CSS-Farbnamen sind enthalten, einschließlich grauer Schreibvarianten wie grey, lightgrey und slategrey.

Wie wird die nächstgelegene Farbe gewählt?

Farben werden mit der CIEDE2000-Formel verglichen, die der menschlichen Wahrnehmung näher folgt als einfache RGB-Distanz.

Kann ich nach Farbname suchen?

Ja, gib Namen wie rebeccapurple, steel blue oder einen nahen Tippfehler ein und das Tool findet die passende Farbe.

Farbnamens-Suche

Ähnliche Farbnamen

So wird's genutzt

Häufig gestellte Fragen

Farbpaletten-Generator

Farbkonverter

Farbkontrast-Prüfer

Farbsehschwäche-Simulator

Farbverlaufs-Generator

Farbton-Generator

Farbnamens-Suche

Ähnliche Farbnamen

So wird's genutzt

Häufig gestellte Fragen

Ähnliche Tools

Farbpaletten-Generator

Farbkonverter

Farbkontrast-Prüfer

Farbsehschwäche-Simulator

Farbverlaufs-Generator

Farbton-Generator