Skip to main content
CalculoraCalculora

Financieel & Zakelijk

Financiële RekenmachinesInvestering & PlanningPersoonlijke FinanciënVastgoedinvesteringZakelijke ToolsStartup & Software-Unternehmen

Wiskunde & Technologie

Wiskunde RekenmachinesTechnische ToolsNatuurkunde-hulpmiddelenOntwikkelaarstoolsSchoolhulpmiddelen

Gezondheid & Leven

Medische ToolsSlimme Hulpprogramma'sWillekeuriggeneratoren

Creator & Specialiteit

SchöpferökonomieIslamitische ToolsDuurzaamheidSpellen

Umrechner

EenheidsconverterLengteconverterGewichtsconverterTemperatuurconverter→ Eenheidsconverters

Willekeuriggeneratoren

Willekeurig Getal GeneratorWachtwoord Sterkte CheckerDraai het WielMuntworp SimulatorDobbelsteen RollerTijdzone Overlap→ Willekeuriggeneratoren
Bestandsconverter

PDF-Tools

PDF naar JPG ConverterenPDF naar PNG ConverterenConverteer PDF naar TXTPDF naar GIF ConverterenPDF naar WebP ConverterenPDF naar SVG ConverterenConverteer PDF naar DOCXPDF naar Excel converterenPDF naar PowerPoint converterenPDF naar HTML converterenPDF naar Markdown converterenPDF naar TIFF converteren

Afbeeldingsconverter

JPG naar PNG ConverterenPNG naar JPG ConverterenPNG naar WebP ConverterenWebP naar PNG ConverterenWebP naar JPG ConverterenJPG naar WebP ConverterenSVG naar PNG converterenSVG naar JPG converterenSVG naar WebP ConverterenBMP naar PNG ConverterenBMP naar JPG ConverterenBMP naar WebP Converteren

Geavanceerde Afbeeldingen

HEIC naar JPG ConverterenHEIC naar PNG ConverterenTIFF naar JPG ConverterenTIFF naar PNG ConverterenJPG naar TIFF ConverterenPNG naar TIFF ConverterenJPG naar ICO ConverterenPNG naar ICO ConverterenConverteer JPEG naar AVIFPNG naar AVIF Converteren

GIF & Animatie

GIF naar PNG ConverterenGIF naar JPG ConverterenConverteer GIF naar individuele frames (PNG/JPEG)PNG naar GIF ConverterenJPG naar GIF ConverterenGIF naar WebP Converteren

Bewerken

Watermerk toevoegenObjecten uit afbeelding verwijderenDirect afbeeldingsformaat aanpassen in uw browserAfbeeldingen online comprimeren — bestandsgrootte verkleinen, kwaliteit behouden
Rekensnelheid UitdagingRekensnelheid UitdagingWordleBint WaladSudoku2048
Valutaconverter
CalculoraCalculora

Uw alles-in-één calculatorplatform. Gratis, snelle en nauwkeurige tools voor elke behoefte.

Rekenmachine-invoer blijft 100% privé — alle berekeningen vinden plaats in uw browser en bereiken nooit onze serversVoor altijd gratis — geen betaalmuren, geen abonnementen, geen accounts nodig

Populair

  • BMI Rekenmachine
  • Leningrekenmachine
  • Leeftijdsrekenmachine
  • Hypotheekrekenmachine
  • Percentagerekenmachine
  • Wetenschappelijke Rekenmachine
  • Alles bekijken →

Categorieën

  • Wiskunde
  • Financiën
  • Gezondheid & Leven
  • Financieel & Zakelijk
  • Ontwikkelaarstools
  • Technik
  • Categorieën →

Meer

  • Valutaconverter
  • Bestandsconverter
  • Spellen & Leuke Tools

Juridisch

  • Over ons
  • Neem contact op
  • Privacybeleid
  • Gebruiksvoorwaarden
  • Disclaimer
  • Seitenverzeichnis

Talen

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

© 2026 Calculora. Alle rechten voorbehouden.

Gebouwd met — 100% gratis

Lichtgewicht & snel — cookies en analyses werken alleen met uw toestemming

  1. Startpagina
  2. Ontwikkelaarstools
  3. Kleur Converter

Kleur Converter

Gratis online tool convert between color formats instantly. free online color converter supports hex, rgb, hsl, hsv, cmyk, and named colors. get color previews and accessibility info. no sign-up.

Rekenmachine laden...
Heeft deze tool u geholpen?

Wat is Kleur Converter?

Een kleuromzetter zet kleuren om tussen de kleurmodellen HEX, RGB en HSL. Essentieel voor webontwikkelaars en ontwerpers die werken met CSS, ontwerptools en kleurtheorie. Bevat een live voorbeeldstaal.

Wanneer gebruik je deze rekenmachine

  • Bij het vertalen van kleurspecificaties van een ontwerper Figma of Sketch naar CSS-compatibele waarden
  • Bij het bouwen van een ontwerpsysteem en consistente kleurwaarden nodig heeft in HEX, RGB en HSL formaten
  • Bij het maken van kleurenpaletten of -schema's met HSL om consistente verzadiging en lichtheid te behouden
  • Bij het controleren van kleurcontrast voor toegankelijkheidsnaleving (WCAG AA/AAA standaarden)
  • Bij het converteren van verouderde kleurwaarden in bestaande code naar een ander formaat voor consistentie
  • Bij het debuggen van CSS-kleurproblemen door te verifiëren hoe een kleur er daadwerkelijk uitziet in verschillende formaten

Stappen:

  1. Enter a color value in HEX, RGB, or HSL format.
  2. Select the input format using the tabs.
  3. View converted values in all three formats.
  4. See the live color preview swatch.

Formule

HEX → RGB: split #RRGGBB into decimal values RGB → HSL: normalize RGB → find hue/saturation/lightness HSL → RGB: convert via chroma formulas HEX: #RRGGBB (0-255 each) RGB: rgb(R, G, B) (0-255) HSL: hsl(H°, S%, L%) (H: 0-360, S/L: 0-100)

Gebruikscases

  • Converting CSS color values
  • Creating color schemes from base colors
  • Matching design system colors
  • Understanding color relationships through HSL

Belangrijkste voordelen

  • Convert colors between 3 formats instantly
  • See live color preview
  • Copy any format with one click
  • Free no sign-up needed

Pro-tips

  • Use HSL for intuitive color adjustments
  • Use HEX for CSS compatibility
  • Use the preview to verify your color before using it
  • Keep a reference of common color conversions

Veelgemaakte fouten

  • Forgetting the # prefix for HEX colors
  • Using RGB values above 255 or below 0
  • Confusing HSL hue range (0-360) with RGB (0-255)

Sleutelbegrippen

  • HEX: Hexadecimal RGB representation
  • RGB: Red Green Blue color model
  • HSL: Hue Saturation Lightness model
  • Color space: Mathematical model for colors

Gerelateerde concepten

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

Voorbeeld

Input: #FF5733 (HEX) → RGB: rgb(255, 87, 51) → HSL: hsl(11, 100%, 60%). Input: hsl(200, 50%, 50%) → RGB: rgb(64, 149, 191) → HEX: #4095BF.

Resultaten interpreteren

De converter ondersteunt drie kleurformaten en toont tegelijkertijd de equivalente waarde in alle drie. HEX (#RRGGBB) is het meest voorkomende formaat in webontwikkeling. RGB (rgb(R, G, B)) geeft directe controle over individuele kleurkanalen. HSL (hsl(H, S%, L%)) is het meest intuïtief voor mensen — tint bepaalt de kleurfamilie, verzadiging beheert intensiteit en lichtheid beheert helderheid. De contrastverhoudingsindicator toont of uw voorgrond/achtergrond kleurcombinatie voldoet aan WCAG toegankelijkheidsnormen. AA-naleving vereist minimaal 4.5:1 voor normale tekst en 3:1 voor grote tekst.

Veelgestelde Vragen

Gerelateerde tools

Meer tools verkennen

Beeldverhouding Calculator

Bandbreedte Rekenmachine

Downloadtijd Rekenmachine

Cloud Hosting Kosten Rekenmachine

CDN Kosten Rekenmachine

API Monetisatie Calculator

Vergelijkbare tools

Beeldverhouding Calculator
Ontwikkelaarstools
Bandbreedte Rekenmachine
Ontwikkelaarstools
Downloadtijd Rekenmachine
Ontwikkelaarstools
Cloud Hosting Kosten Rekenmachine
Ontwikkelaarstools

Contrast

Voorgrond
—
Achtergrond
#ffffff