Bestanden blijven op je apparaat Geen watermerk Werkt offline
Voor bedrijven

HWB naar HEX

Zet HWB om naar HEX, gratis en online. Typ een CSS-waarde hwb() of gewoon drie getallen voor tint, witheid en zwartheid, en je krijgt de zescijferige HEX-code die ontwerpprogramma's, e-mailsjablonen en oudere software verwachten. Alles gebeurt in je browser.

Zo maak je van hwb() een HEX-code

  1. 1Typ hwb(200 30% 20%) of alleen 200 30 20 in "Kleur"
  2. 2De HEX-code verschijnt meteen in de grote regel
  3. 3Kopieer hem met de knop ernaast
  4. Een HEX-code zoals #4DA2CC

Waarom deze pagina

  • Losse getallen werken.Op deze pagina worden drie kale getallen gelezen als tint, witheid en zwartheid
  • Fouten krijgen een naam.Bij witheid boven 100 zie je "W loopt van 0 tot 100." in plaats van een verkeerde kleur
  • Er wordt niets verstuurd.Je browser rekent het uit op je eigen apparaat

Wat je kunt doen

  • hwb() omzetten naar HEX, bijvoorbeeld hwb(200 30% 20%) naar #4DA2CC
  • De tint in graden schrijven, of met deg, rad, grad of turn, zoals hwb(0.5turn 10% 10%)
  • Spaties of komma's gebruiken, met of zonder %: hwb(200, 30%, 20%) en 200 30 20 geven hetzelfde
  • De kleur in het staal bekijken en RGB, HSL, OKLCH en de andere notaties uit de lijst kopiëren
  • Een kleur liever met de kleurkiezer kiezen, waarna het veld de hwb()-waarde laat zien

Goed om te weten

  • Tellen witheid en zwartheid op tot 100% of meer, dan is de kleur volgens CSS grijs. hwb(0 60% 60%) wordt #808080
  • HEX heeft 256 stappen per kanaal, dus de kleur wordt afgerond. De hwb()-regel in de lijst toont dan de afgeronde waarden, zoals 30.2% voor 30%
  • Een alfawaarde na een schuine streep, zoals in hwb(120 20% 30% / 0.5), valt weg. HEX heeft hier geen transparantie
  • Witheid en zwartheid lopen van 0 tot 100. Waarden daarbuiten worden niet geraden maar als fout getoond

Vragen

Hoe zet ik HWB om naar HEX?

Typ de hwb()-waarde in het veld, of drie getallen voor tint, witheid en zwartheid. De HEX-code staat er meteen. Met de kopieerknop neem je hem over.

Moet ik de procenttekens typen?

Nee. Op deze pagina wordt 200 30 20 hetzelfde gelezen als hwb(200 30% 20%). Witheid en zwartheid zijn altijd percentages.

Waarom wordt mijn kleur grijs?

Witheid en zwartheid komen samen op 100% of meer. Dan blijft er geen ruimte over voor de tint en maakt CSS er een grijs van, in de verhouding van die twee.

Is de HEX-code exact?

Het is de dichtstbijzijnde 8-bitkleur. HWB kan fijnere stappen aan dan HEX, daarom komt 30% bij terugrekenen terug als 30,2%.

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.