Vind de dichtstbijzijnde CSS-benoemde kleur en de dichtstbijzijnde Tailwind-tint voor elke kleur — perceptueel gematcht, met kopieerklare waarden.

Jouw kleur
#3B82F6
Dichtstbijzijnde CSS-kleur
Verschil:
Exacte overeenkomst
Dichtstbijzijnde Tailwind-tint
Verschil:
Exacte overeenkomst

Typ of kies een kleur en zie direct de dichtstbijzijnde benoemde CSS-kleur en Tailwind-tint — perceptueel gematcht in je browser.


Over Benoemde kleur-zoeker

De Kleurnaam Zoeker beantwoordt een simpele vraag: hoe heet deze kleur? Voer een kleur in of kies er een en de tool geeft direct de dichtstbijzijnde CSS-kleurnaam terug: uit de standaardlijst die browsers begrijpen, zoals "steelblue" of "coral", samen met de dichtstbijzijnde Tailwind-paletkleur, zoals "sky-600".

De vergelijking is perceptueel in plaats van puur numeriek, zodat de voorgestelde namen daadwerkelijk lijken op je invoerkleur in plaats van slechts dicht bij elkaar in ruwe RGB-termen. Een verschilindicator vertelt je of de match exact, heel dichtbij, of alleen benaderend is, zodat je weet hoeveel nauwkeurigheid je inruilt voor een gedenkwaardige naam.

De opzoeking draait volledig in je browser met kopieerknoppen bij elk resultaat. Het is handig om leesbaardere CSS te schrijven, willekeurige merkkleuren af te stemmen op een Tailwind-schaal, of gewoon te leren hoe een kleur die je van een foto koos zou heten.

Hoe gebruik je Benoemde kleur-zoeker

  1. Typ een kleurwaarde of kies er een met de kiezer; klik op "Willekeurig" om te verkennen.
  2. Lees de dichtstbijzijnde CSS-kleurnaam en de dichtstbijzijnde Tailwind-tint, naast elkaar getoond met je invoer.
  3. Controleer de verschilindicator om te zien hoe dicht elke match is.
  4. Klik op "Kopiëren" bij de waarde die je wilt gebruiken.

Veelgestelde vragen

Ja. De match wordt lokaal in je browser berekend tegen gebundelde kleurenlijsten, dus opzoekingen zijn gratis, direct en onbeperkt.

CSS definieert ongeveer 148 kleurnamen (147 unieke waarden, aangezien sommige aliassen zijn zoals gray/grey), van basisnamen als "red" tot obscure vermeldingen als "papayawhip". Elke browser begrijpt ze, en deze tool vindt degene die het dichtst bij elke kleur ligt die je invoert.

De tool gebruikt een perceptuele kleurafstandsmaatstaf in plaats van een simpele RGB-vergelijking, zodat de voorgestelde naam weerspiegelt hoe vergelijkbaar de kleuren er echt uitzien voor het menselijk oog, vooral belangrijk voor gedempte tinten en bijna-grijzen.

De dichtstbijzijnde tint uit Tailwinds standaardkleurenpalet, benoemd in het vertrouwde tint-plus-nummerformaat zoals "emerald-500". Het is handig om willekeurige ontwerpkleuren op Tailwinds schaal te laten aansluiten zodat je utility-klassen consistent blijven.

Je invoerkleur is identiek aan de kleurnaam: je kunt de naam voor de HEX-waarde vervangen zonder enig visueel verschil. Lagere niveaus ("Heel dichtbij", "Dichtbij", "Benaderend") duiden op een groeiend, hoewel vaak onmerkbaar, verschil.


Populaire zoekopdrachten
kleurnaam zoeker dichtstbijzijnde css kleurnaam kleurnaam vinden dichtstbijzijnde tailwind kleur hex naar kleurnaam kleurnaam herkennen
Hulp nodig?
Een probleem met deze tool gevonden? Laat het ons weten.
Een probleem melden

Voeg deze gratis tool toe aan je eigen website — kopieer en plak de onderstaande code.