Kleurnaam vinden
Vind de naam van een kleur aan de hand van de HEX- of RGB-waarde. De tool toont de vijf dichtstbijzijnde CSS-kleurnamen en de drie dichtstbijzijnde Tailwind-kleuren, voor Tailwind 4 en Tailwind 3, elk met hoe ver hij van je kleur af ligt. Gratis, in je browser, en er wordt niets verstuurd.
Zo vind je de naam van een kleur
- 1Typ je kleur, als #hex, rgb(), hsl() of in een andere notatie
- 2Of kies hem met de kleurkiezer
- 3Lees de dichtstbijzijnde namen, de beste eerst, en kopieer wat je nodig hebt
- De dichtstbijzijnde CSS- en Tailwind-namen, elk met ΔE
Zo worden de namen gevonden
- Gemeten zoals het oog ziet.De afstand is CIEDE2000 (ΔE): 0 is dezelfde kleur, onder 1 nauwelijks te onderscheiden
- CSS en Tailwind.De 148 kleurnamen van CSS en de paletten van Tailwind 4 en Tailwind 3, naast elkaar
- Er wordt niets verstuurd.Je kleur wordt door je browser op je eigen apparaat vergeleken
Wat je kunt doen
- Elke kleur een naam geven, getypt als #hex, rgb(), hsl(), hwb(), lab(), lch(), oklch() of cmyk(), of gekozen met de kleurkiezer
- De vijf dichtstbijzijnde CSS-kleurnamen zien, zoals steelblue of tomato, elk met een kleurvlak
- De drie dichtstbijzijnde Tailwind 4-kleuren en de drie dichtstbijzijnde Tailwind 3-kleuren zien, zoals sky-600
- De HEX-waarde van elke naam met één klik kopiëren en naast je eigen kleur leggen
Goed om te weten
- De meeste kleuren hebben geen exacte naam. De tool geeft de dichtstbijzijnde, en de ΔE zegt hoe dichtbij: boven 5 zie je het verschil duidelijk
- CSS schrijft sommige grijzen op twee manieren, gray en grey. Alleen de schrijfwijze met gray wordt getoond
- Tailwind 4 legt zijn kleuren vast in OKLCH en Tailwind 3 in HEX, dus dezelfde naam kan in beide een iets andere kleur zijn
Vragen
Hoe heet de kleur #3A7CA5?
De dichtstbijzijnde CSS-naam is steelblue, met een ΔE van 3,88. De dichtstbijzijnde Tailwind 4-kleur is sky-600, met 6,91. Met deze kleur opent de tool.
Wat betekent ΔE?
ΔE is het verschil tussen twee kleuren zoals mensen het zien, hier gemeten met CIEDE2000. Onder 1 zie je ze nauwelijks uit elkaar, boven 5 is het verschil duidelijk.
Kan ik de Tailwind-klasse bij een HEX-kleur vinden?
Ja. Typ de HEX-waarde en lees de dichtstbijzijnde namen voor Tailwind 4 en Tailwind 3, zoals sky-600. Die gebruik je in een klasse als bg-sky-600.
Wordt mijn kleur naar een server gestuurd?
Nee. Je kleur wordt door je browser op je eigen apparaat met de namen vergeleken. Er gaat geen verzoek mee de deur uit.
Meer tools in Web en code
Deze pagina bestaat niet. Zoek hieronder of sleep een bestand hierheen om de tool te vinden die je nodig hebt.
Eén site voor elke bestandsklus. Wat is de jouwe?
Stop met hoppen tussen convertersites. Kies uit 410+ tools, of een recipe die er meerdere achter elkaar zet.
- Bestanden blijven op je apparaat
- Geen watermerk
- Werkt offline
Sleep een bestand hierheen
Een geplakt bestand werkt ook.
of zoek een tool
Open een app
Van ‘ugh, dit bestand’ naar klaar, in drie stappen.
- Sleep het erin, of kies een taak
Geen bestand? Zoek wat je nodig hebt. Bestanden worden op je eigen apparaat verwerkt, niet geüpload voor verwerking.
- Kies wat je wilt
Kleiner, een ander formaat, ondertekend, samengevoegd. Eén klik, zonder eerst instellingen te bestuderen.
- Maak er een recept van
Elke week dezelfde drie stappen? Zet ze één keer achter elkaar en voer de volgende keer hetzelfde recept uit.
Eén goedgekeurde gereedschapskist voor het hele team.
Op kantoor, op de bouwplaats of bij een bureau: teams werken de hele dag met vertrouwelijke bestanden. ToolRecipe geeft iedereen dezelfde tools en dezelfde recepten, en de bestanden worden verwerkt op ieders eigen computer.
- Bestanden worden verwerkt op het apparaat van de medewerker
- Bedrijfsrecepten die iedereen op dezelfde manier uitvoert
- Eén plek in plaats van tien converteersites