Bestanden blijven op je apparaat Geen watermerk Werkt offline
Voor bedrijven

Tailwind-paletgenerator

Maak een Tailwind-kleurenpalet uit één kleur: een volledige schaal van 50 tot 950, met jouw kleur op de stap die bij zijn lichtheid past. Kopieer hem voor Tailwind 4 als CSS met OKLCH-waarden, of voor Tailwind 3 als config met HEX-codes. Gratis en online, in je browser.

Zo maak je een eigen kleurschaal voor Tailwind

  1. 1Typ je kleur of kies hem met de kleurkiezer
  2. 2Geef hem een "Naam van de kleur", zoals brand
  3. 3Bekijk de 11 stappen van 50 tot 950
  4. 4Klik op "Kopiëren voor Tailwind 4 (CSS)" of "Kopiëren voor Tailwind 3 (config)"
  5. Je eigen kleurschaal, klaar om in Tailwind te plakken

Wat je krijgt

  • Jouw kleur blijft exact.Hij komt op de stap die het dichtst bij zijn lichtheid ligt en krijgt het label "jouw kleur"
  • Gevormd zoals bij Tailwind.De andere stappen volgen de curve van de dichtstbijzijnde Tailwind 4-kleur, inclusief de verschuiving van de tint
  • Tailwind 4 of 3.Een @theme-blok in OKLCH voor Tailwind 4, een colors-item in HEX voor Tailwind 3

Wat je kunt doen

  • De 11 stappen 50, 100, 200 tot 900 en 950 bouwen uit één kleur die je typt of kiest
  • De kleur een naam geven, bijvoorbeeld brand of accent. De naam wordt in kleine letters gezet, met alleen letters, cijfers en koppeltekens
  • De schaal kopiëren voor Tailwind 4 als @theme-blok met --color-brand-500 en zo verder, in OKLCH
  • Hem kopiëren voor Tailwind 3 als colors-item voor tailwind.config.js, in HEX
  • De HEX-code van één stap kopiëren met de knop onder het kleurvlak

Goed om te weten

  • Tailwind heeft geen officiële formule voor schalen. Deze leent de curve van lichtheid en verzadiging van de dichtstbijzijnde Tailwind-kleur. Hij lijkt dus op die van Tailwind, maar is niet van Tailwind zelf
  • Jouw kleur houdt zijn exacte waarde. Een heel lichte kleur kan op 50 of 100 komen, een heel donkere op 900 of 950, en de andere stappen vallen eromheen
  • Stappen buiten sRGB worden op de CSS-manier teruggehaald, dus elke waarde is te tonen op een gewoon scherm
  • Eén kleur per schaal. Voor een tweede kleur verander je kleur en naam en kopieer je opnieuw

Vragen

Hoe voeg ik een eigen kleur toe aan Tailwind?

Maak hier de schaal en kopieer hem voor jouw versie. In Tailwind 4 gaat het @theme-blok in je CSS, in Tailwind 3 gaat het colors-item onder theme.extend in tailwind.config.js. Daarna gebruik je classes zoals bg-brand-500.

Waarom gebruikt de kopie voor Tailwind 4 OKLCH?

Tailwind 4 schrijft zijn eigen standaardkleuren in OKLCH, dus de kopie voor Tailwind 4 gebruikt ook oklch(). De kopie voor Tailwind 3 gebruikt HEX.

Waarom staat mijn kleur op stap 600 en niet op 500?

Je kleur komt op de stap waarvan de lichtheid in de schaal van Tailwind het dichtst bij de zijne ligt. Een donkerdere kleur komt op een hoger getal, een lichtere op een lager.

Is dit de officiële paletgenerator van Tailwind?

Nee. Tailwind heeft geen officiële formule om schalen te maken. Deze tool volgt de curven van de eigen kleuren van Tailwind om er dicht bij te komen.

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.