Bestanden blijven op je apparaat Geen watermerk Werkt offline
Voor bedrijven

HEX naar Tailwind-kleur

Vind bij elke HEX-code de dichtstbijzijnde Tailwind-kleur, gratis en online. Plak je merkkleur en je krijgt de best passende naam uit het standaardpalet, zoals blue-600, voor Tailwind 4 of Tailwind 3. Een ΔE-waarde laat zien hoe dichtbij hij ligt, twee stalen tonen het verschil.

Zo koppel je een HEX-kleur aan Tailwind

  1. 1Kies Tailwind 4 of Tailwind 3 bij "Tailwind-versie"
  2. 2Plak je HEX-code in "Kleur"
  3. 3Lees de dichtstbijzijnde Tailwind-naam en de ΔE, en kopieer hem
  4. Een kleurnaam voor je classes, zoals blue-600

Zo werkt het

  • Beide versies.Tailwind 4 heeft de standaardkleuren veranderd. Wissel van versie en er wordt opnieuw gezocht
  • Eerlijk over het verschil.Je ziet "exact" of "dichtstbijzijnde, ΔE" met de afstand volgens CIEDE2000
  • Er wordt niets verstuurd.Het palet zit in de pagina en het zoeken gebeurt in je browser

Wat je kunt doen

  • Een HEX-code koppelen aan de dichtstbijzijnde kleur uit 22 paletten van elk 11 stappen, van slate-50 tot rose-950
  • Het verschil tussen versies zien: #2563EB is in Tailwind 3 precies blue-600 en in Tailwind 4 blue-600 met ΔE 2.22
  • Je kleur en de Tailwind-kleur in twee stalen naast elkaar vergelijken
  • In de lijst de dichtstbijzijnde match voor beide versies en de dichtstbijzijnde CSS-naam lezen, welke versie je ook kiest
  • In plaats van HEX ook rgb(), hsl() of oklch() uit een ontwerpbestand plakken

Goed om te weten

  • Je krijgt alleen de naam, zoals amber-300. De utility zet je er zelf voor: bg-amber-300, text-amber-300 of border-amber-300
  • Alleen het standaardpalet wordt doorzocht. Kleuren uit je eigen thema kent de pagina niet, en zwart en wit doen niet mee
  • Tailwind 4 legt zijn kleuren vast in OKLCH, Tailwind 3 in HEX, hier uit Tailwind 4.1.11 en 3.4.17. Dezelfde naam kan er in beide net anders uitzien
  • Is de ΔE hoog, dan past geen standaardkleur goed. Houd dan je eigen kleur aan of maak er een schaal van met de Tailwind-paletgenerator

Vragen

Hoe vind ik de Tailwind-kleur die het dichtst bij een HEX-code ligt?

Plak de HEX-code in het veld en kies je Tailwind-versie. De dichtstbijzijnde kleurnaam staat in de grote regel, met de ΔE en een staal naast je eigen kleur.

Waarom krijg ik bij Tailwind 3 en 4 verschillende namen?

Tailwind 4 heeft zijn palet opnieuw vastgelegd in OKLCH, waardoor de meeste kleuren een beetje zijn verschoven. #FFC61A ligt in Tailwind 3 bijvoorbeeld het dichtst bij amber-400 en in Tailwind 4 bij amber-300.

Welke ΔE is dichtbij genoeg?

Onder 1 zijn de kleuren nauwelijks uit elkaar te houden. Tot ongeveer 2 of 3 vinden de meeste mensen de match goed genoeg voor een knop of achtergrond. Daarboven ziet de Tailwind-kleur er duidelijk anders uit.

Wordt mijn kleur ergens naartoe gestuurd?

Nee. De vergelijking gebeurt in je browser en er wordt geen verzoek met je kleur gedaan.

Verwante tools

Meer tools in Web en code

Alle tools in Web en code

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.

Sleep een bestand hierheen

Een geplakt bestand werkt ook.

of zoek een tool

Open een app

Zo werkt het

Van ‘ugh, dit bestand’ naar klaar, in drie stappen.

  1. 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.

  2. Kies wat je wilt

    Kleiner, een ander formaat, ondertekend, samengevoegd. Eén klik, zonder eerst instellingen te bestuderen.

  3. Maak er een recept van

    Elke week dezelfde drie stappen? Zet ze één keer achter elkaar en voer de volgende keer hetzelfde recept uit.

Voor bedrijven

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.

Plan een kennismaking Wat bedrijven krijgen
  • Bestanden worden verwerkt op het apparaat van de medewerker
  • Bedrijfsrecepten die iedereen op dezelfde manier uitvoert
  • Eén plek in plaats van tien converteersites

Zo werkt het

Kleine tools die in je browser draaien.

Wat waar draait

Je browser bewaart de tools die je gebruikt: hetzelfde soort tools dat je anders op een website zou gebruiken. Je bestanden blijven op je apparaat en worden niet geüpload.

Een tool die je browser heeft bewaard, werkt ook zonder internet. Onder Offline, onderaan deze pagina, kun je alles in één keer bewaren. Dan blijft de site ook zonder verbinding werken.

Sommige tools hebben AI ingebouwd, bijvoorbeeld om een achtergrond weg te halen of een foto groter te maken. Je browser downloadt die AI-modellen één keer, van ToolRecipe zelf, en voert ze daarna uit op je apparaat. Geen enkele tool stuurt je bestanden naar een online AI-dienst of naar ons.

Op een computer gebruiken deze tools de grafische chip als die een korte test doorstaat, omdat dat meestal sneller is. Op een telefoon draaien ze op de processor, met instellingen die in het geheugen van een telefoon passen.

Een tool gebruiken

Geef de tool je bestand, kies wat je wilt en bewaar het resultaat.

  • Begin op de startpagina

    Sleep een bestand naar het vak op de startpagina, of probeer een voorbeeldfoto. Kies wat je wilt doen en druk op ‘Tool openen’. De tool gaat open met je bestand erin.

  • Een bestand toevoegen

    Sleep het ergens op de pagina, kies het met ‘Kies een bestand’ of plak het. Nog geen bestand? Zoek op wat je wilt doen, bijvoorbeeld ‘heic naar jpg’.

  • Instellingen kiezen

    Elke tool toont alleen de instellingen die nodig zijn. Vaak is één klik genoeg.

  • Resultaat opslaan

    Bewaarde bestanden komen in je downloads. Er wacht ook een kopie in Resultaten.

  • Resultaten

    Het tabblad Resultaten aan de rechterkant bewaart je laatste resultaten in deze browser tot je ze verwijdert. Met ‘Alles wissen’ maak je het leeg.

Tools koppelen

Wat de ene tool maakt, kan meteen door naar de volgende, zonder het eerst te bewaren en weer te openen.

  • ‘Gebruiken in’

    Tik in Resultaten op een resultaat en kies een tool onder ‘Gebruiken in’. Het resultaat gaat door naar die tool.

  • Slepen

    Je kunt een resultaat ook naar een open tool slepen. Op een telefoon houd je het eerst even vast.

  • Van ketting naar recept

    Wil je dezelfde tools later opnieuw gebruiken, maak er dan in de receptbouwer een recept van.

De receptbouwer

Sleep een bestand naar het vak op de startpagina en voeg de stappen een voor een toe. Er draait niets tot je op ‘Recept uitvoeren’ of ‘Tool openen’ drukt.

  • Kies wat je wilt

    Het vak toont een tegel voor elk soort klus dat met je bestand kan, zoals ‘Kleiner maken’. Een tegel opent kant-en-klare keuzes en alle tools van die soort. Met ‘Terug’ ga je weer naar de tegels.

  • Stappen toevoegen

    Elke keuze wordt een genummerde stap in de rij bovenaan. ‘Nog een stap toevoegen’ toont eerst voorgestelde volgende stappen en daaronder de tegels voor wat de laatste stap maakt. Met het kruisje op een stap haal je hem weg, ‘Ongedaan maken’ zet hem terug.

  • Geef het een naam

    Het recept heet ‘Mijn recept’ tot je het een naam geeft. Druk op het pennetje naast de naam om die te wijzigen.

  • Uitvoeren

    Met één stap druk je op ‘Tool openen’ en de tool gaat open met je bestand. Vanaf twee stappen druk je op ‘Recept uitvoeren’. Het recept opent in een eigen scherm en de stappen lopen na elkaar.

  • Stappen die op jou wachten

    De meeste stappen gaan vanzelf. Een stap met ‘Jouw beurt’ wacht op jou, bijvoorbeeld als je een pdf moet ondertekenen. Ben je klaar, druk dan op ‘Door naar de volgende stap’, of bij de laatste stap op ‘Bekijk het resultaat’.

  • Opslaan of opnieuw beginnen

    ‘De huidige stappen als recept bewaren’ zet de stappen onder ‘Mijn recepten’. Je hoeft ze daarvoor niet eerst uit te voeren. Op het receptscherm kan dat ook met ‘Dit recept opslaan’ onder de stappen. ‘Opnieuw beginnen’ maakt het vak leeg voor een ander bestand.

Recepten

Een recept is een paar tools achter elkaar: wat de ene stap maakt, gaat naar de volgende.

  • Kant-en-klare recepten

    ‘Alle recepten’ in het menu toont recepten voor veelvoorkomende klussen. Sleep je bestand op een recept en het loopt stap voor stap.

  • Zelf maken

    Bouw er een in het vak op de startpagina. Op ‘Mijn recepten’ opent ‘Nieuw recept’ dezelfde bouwer bovenaan de pagina, met een zoekvak voor de tool die je als volgende nodig hebt.

  • Mijn recepten

    Je bewaarde recepten staan in het menu onder ‘Mijn recepten’, in deze browser. Open er een om de naam of de stappen te wijzigen. Wijzigingen worden meteen bewaard. ‘Begin met een bestand’ voert het uit op een nieuw bestand. ‘Verwijderen’ vraagt eerst om bevestiging en verwijdert het dan.

  • Recept delen

    ‘Deellink kopiëren’ maakt een link naar de stappen, nooit naar je bestanden. Wie hem opent, kiest eerst een eigen bestand; tot dan start er niets.

Zo werk je

Tools en recepten draaien in je browser, op je eigen apparaat.

  • Beginnen met een bestand

    Sleep het naar het vak op de startpagina en kies wat je wilt doen. Kies één stap om de tool te openen, of voeg er meer toe om een recept te maken.

  • Beginnen met een tool

    Zoek op wat je wilt doen of open een tool via het menu. Is het resultaat klaar, tik het dan aan in Resultaten en kies de volgende tool onder ‘Gebruiken in’.

  • De stappen bewaren

    Een bewaard recept onthoudt de naam, de tools op volgorde en de instelling van elke stap. Je bestanden en hun namen bewaart het nooit.

  • Later verder

    Open ‘Mijn recepten’ in dezelfde browser op hetzelfde apparaat en voer een recept uit op een nieuw bestand. Een recept blijft daar staan tot je het verwijdert of je browsergegevens wist.

Tools terugvinden

Elke tool en elk recept heeft een eigen adres.

  • Als bladwijzer bewaren

    Druk op de pagina van een tool op Ctrl+D (⌘D op een Mac) om hem bij de bladwijzers van je browser te zetten.

  • Op je beginscherm

    Een tool kan als een app op het beginscherm van je telefoon staan. Hoe dat gaat, lees je hieronder bij Installeren.

  • Je eigen recepten

    Recepten die je hebt bewaard, staan in het menu onder ‘Mijn recepten’.

  • De sterren

    De sterren onder een nieuw resultaat vragen hoe goed de tool werkte. Met je antwoord kunnen we hem verbeteren. De tool wordt er niet mee bewaard.

Wie gebruikt wat

Toolsets voor veelvoorkomende klussen.

Een tool op je beginscherm zetten

Het icoon opent die tool, als een app.

iPhone en iPad

  1. Open de tool in Safari
  2. Tik op Deel (het vierkant met de pijl)
  3. Kies “Zet op beginscherm” en dan “Voeg toe”

Android

  1. Open de tool in Chrome
  2. Tik rechtsboven op het menu (⋮)
  3. Kies “Toevoegen aan startscherm” of “App installeren”

Computer

  1. Open de tool in Chrome of Edge
  2. Klik op het installatie-icoon in de adresbalk
  3. Kies Installeren

Over updates

We proberen regelmatig updates uit te brengen en nieuwe tools toe te voegen.

Zo controleer je dat bestanden hier blijven

De tools lezen je bestanden en maken het resultaat in deze browser, op je eigen apparaat. Je bestanden worden daarvoor niet geüpload.

Een beveiligingsbeleid staat deze pagina maar één adres toe: onze eigen server, voor tellingen. Die geeft paginaweergaven en een vaste lijst van acties door aan een statistiekdienst in de EU, die ze voor ons telt. Geen van beide krijgt je bestanden of de namen ervan. Al het andere wordt geblokkeerd, en de badge bovenaan wordt rood en telt het mee.

Als een tool vastloopt, telt de pagina dat ook: alleen het soort fout en waar in onze code het gebeurde, nooit de tekst van de foutmelding, je bestanden of wat je hebt getypt.

Als je ons je e-mailadres stuurt om naar ToolRecipe voor bedrijven te vragen, bewaren we het met die aanvraag bij onze statistiekdienst in de EU en krijgen we het per mail, om je te antwoorden. Mail naar info@toolrecipe.com als we het moeten verwijderen.

Resultaten blijven in deze browser tot je ze wist.

Werkt offline

Deze site is op dit apparaat opgeslagen en opent dus ook zonder verbinding. Grote tools worden opgeslagen wanneer je ze voor het eerst gebruikt.

Skills

Claude-skills die we zelf gebruiken, elk voor één klus.