Bestanden blijven op je apparaat Geen watermerk Werkt offline
Voor bedrijven

HEX naar HWB

Zet HEX om naar HWB, gratis en online in je browser. Plak een HEX-code en je krijgt de CSS-waarde hwb() met tint, witheid en zwartheid, klaar om te kopiëren. HWB pas je makkelijk met de hand aan: meer wit maakt een kleur lichter, meer zwart donkerder.

Zo zet je HEX om naar HWB

  1. 1Plak een HEX-code in "Kleur" of kies er een met de kleurkiezer
  2. 2Lees de hwb()-waarde in de grote regel onder het veld
  3. 3Klik op de kopieerknop ernaast
  4. Je kleur als hwb(), klaar voor je CSS

Zo werkt het

  • Op de CSS-manier.De uitkomst ziet eruit als hwb(45.07 10.2% 0%), de schrijfwijze van CSS Color 4
  • Er wordt niets verstuurd.Het omrekenen is een beetje rekenwerk dat in je browser gebeurt
  • Alle notaties eronder.RGB, HSL, Lab, OKLCH, XYZ en meer staan in een lijst, elk met een eigen kopieerknop

Wat je kunt doen

  • Een HEX-code omzetten naar hwb(), bijvoorbeeld #FFC61A naar hwb(45.07 10.2% 0%) en #2563EB naar hwb(221.21 14.5% 7.8%)
  • Korte en lange HEX-codes typen: #FC0, #FFCC00 en op deze pagina ook zonder #
  • In plaats daarvan rgb(), hsl(), lab(), oklch() of een CSS-kleurnaam plakken en toch HWB krijgen
  • Een kleur kiezen met de kleurkiezer van je browser, waarbij de HWB-waarde direct meeloopt
  • Elke andere notatie van dezelfde kleur uit de lijst kopiëren en de dichtstbijzijnde CSS-naam en Tailwind-kleuren zien

Goed om te weten

  • HWB is een andere schrijfwijze voor dezelfde sRGB-kleuren als HEX. Bij het omzetten gaat er niets verloren
  • De tint heeft tot twee decimalen, witheid en zwartheid één. Ze horen bij de 8-bitkleur van de HEX-code
  • Grijs heeft geen tint en krijgt 0, bijvoorbeeld hwb(0 50.2% 49.8%) voor #808080
  • Een HEX-code met alfa, zoals #FFCC0080, wordt zonder transparantie gelezen

Vragen

Wat is HWB?

HWB staat voor hue, whiteness en blackness: tint, witheid en zwartheid. Je begint bij een zuivere tint en mengt er wit en zwart bij. In CSS schrijf je dat als hwb(tint wit zwart), bijvoorbeeld hwb(200 30% 20%).

Waarom zou je HEX naar HWB omzetten?

Een HEX-code pas je niet op gevoel aan. In HWB maak je een kleur lichter met meer witheid en donkerder met meer zwartheid, terwijl de tint gelijk blijft.

Kan ik hwb() in mijn stylesheet gebruiken?

Ja. hwb() hoort bij CSS Color 4 en huidige browsers begrijpen het. Kent een programma dat je gebruikt het niet, houd daar dan de HEX-code aan.

Wordt mijn kleur naar een server gestuurd?

Nee. Je browser rekent de HEX-code om op je eigen apparaat. Er wordt geen verzoek mee 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.