Bestanden blijven op je apparaat Geen watermerk Werkt offline
Voor bedrijven

Kleurschakeringen en tinten

Maak schakeringen en tinten van een kleur: lichtere stappen gemengd met wit, donkerdere gemengd met zwart en zachtere tonen gemengd met grijs. Kies 5, 8 of 10 stappen van elk en kopieer ze allemaal als CSS-variabelen. Gratis, in je browser, en er wordt niets verstuurd.

Zo maak je lichtere en donkerdere tinten van een kleur

  1. 1Typ je kleur of kies hem met de kleurkiezer
  2. 2Kies het aantal "Stappen": 5, 8 of 10
  3. 3Kies sRGB of OKLab bij "Mengen in"
  4. 4Kopieer losse kleuren, of klik "Alles kopiëren als CSS-variabelen"
  5. Rijen met tinten, schaduwen en tonen, klaar om te kopiëren

Wat de tool maakt

  • Drie rijen tegelijk.Tinten met wit, schaduwen met zwart en tonen met grijs, allemaal uit dezelfde kleur
  • Gelijke stappen.Bij 10 stappen loopt het mengsel van 9 % tot 91 %, dus geen stap is puur wit, zwart of je eigen kleur
  • Er wordt niets verstuurd.De stappen worden door je browser op je eigen apparaat berekend

Wat je kunt doen

  • Beginnen bij een kleur getypt als #hex, rgb(), hsl(), lab(), oklch(), CSS-kleurnaam of Tailwind-naam
  • 5, 8 of 10 tinten, schaduwen en tonen krijgen, elk met zijn aandeel wit, zwart of grijs eronder
  • Mengen in "sRGB (zoals de meeste ontwerpprogramma's)", de standaard, of in "OKLab (gelijke stappen voor het oog)"
  • Elke stap met één klik als HEX kopiëren
  • Alle stappen tegelijk kopiëren als CSS-variabelen in een :root-blok, met namen als --tint-1, --shade-1 en --tone-1

Goed om te weten

  • Tonen worden gemengd met een middengrijs, #808080
  • sRGB geeft de stappen die de meeste ontwerpprogramma's ook geven. OKLab laat de stappen gelijkmatiger ogen
  • De stappen zijn geen Tailwind- of Material-schaal. Daarvoor zijn er aparte paletgeneratoren voor Tailwind en Material

Vragen

Wat is het verschil tussen een tint, een schaduw en een toon?

Een tint is een kleur gemengd met wit, een schaduw een kleur gemengd met zwart en een toon een kleur gemengd met grijs. De tool maakt ze alle drie uit je kleur.

Hoe krijg ik lichtere en donkerdere versies van een HEX-kleur?

Typ de HEX-waarde. De tinten zijn de lichtere versies, de schaduwen de donkerdere. Elke stap heeft een kopieerknop.

Kan ik de stappen als CSS-variabelen gebruiken?

Ja. "Alles kopiëren als CSS-variabelen" kopieert een :root-blok met elke stap, bij het standaardblauw bijvoorbeeld --tint-1: #3971ed;.

Worden mijn kleuren ergens naartoe gestuurd?

Nee. Alles wordt door je browser op je eigen apparaat berekend. Er gaat geen verzoek met je kleur de deur uit.

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.