Kleurconverter

Converteer kleuren tussen HEX, RGB en HSL met een live preview.

Interactieve werkruimteWijzigingen blijven op dit apparaat staan
HEX-, RGB- of HSL-kleur
Standaard privéUw invoer en bestanden worden op dit apparaat verwerkt.
Gratis en directGeen account, wachtrij of software-installatie vereist.
Klaar voor gebruikKopieer of download resultaten zodra ze worden gegenereerd.

Hoe te gebruiken Kleurconverter

Behaal een betrouwbaar resultaat in drie eenvoudige stappen.

  1. 01

    Vul in of kies een kleur

    Gebruik HEX, RGB, HSL of de visuele kleurkiezer.

  2. 02

    Beoordeel elk formaat

    De equivalente HEX-, RGB- en HSL-waarden worden samen bijgewerkt.

  3. 03

    Kopieer wat je nodig hebt

    Klik op een willekeurige uitvoerrij om deze te kopiëren voor uw stylesheet of ontwerpbestand.

Gebouwd voor dagelijks werk

Handig zonder de drukte

Gerichte controles, directe feedback en geen rekening tussen jou en het resultaat.

Live-voorbeeld

Bevestig de zichtbare kleur terwijl u de waarde ervan bewerkt.

Veelgebruikte CSS-formaten

Schakel netjes tussen de formaten die worden gebruikt door browsers en ontwerptools.

Kopiëren met één klik

Elk genormaliseerd resultaat is klaar om te plakken.

Praktische gids

Wat is Kleurconverter?

Een kleurenconverter drukt dezelfde zichtbare kleur uit in verschillende notatiesystemen. HEX is gebruikelijk bij ontwerpoverdrachten, RGB weerspiegelt de kleurkanalen van het scherm en HSL beschrijft tint, verzadiging en lichtheid.

Als u de notatie wijzigt, verandert de bedoelde kleur niet. Er kunnen kleine verschillen optreden wanneer op percentages gebaseerde waarden worden afgerond voor leesbare uitvoer.

Praktische toepassingen

Wanneer moet u dit hulpmiddel gebruiken?

Gemeenschappelijke manieren Kleurconverter past in echte projecten en dagelijkse taken.

1

CSS-auteurschap

Converteer ontwerp-HEX-waarden naar RGB- of HSL-declaraties.

2

Ontwerp systemen

Normaliseer tokens die zijn ontvangen in gemengde kleurformaten.

3

Thema afstemmen

Gebruik HSL om de lichtheid of verzadiging systematisch aan te passen.

4

Kwaliteitsborging

Controleer of twee verschillend geschreven waarden dezelfde kleur vertegenwoordigen.

Blijf werken

Gerelateerde hulpprogramma's

Ga verder met een andere gerichte browsertool.

Lettertype-hulpprogramma

Webfont-generator

Verpak lettertypebestanden met kant-en-klare CSS en een HTML-voorbeeldpagina.

Gereedschap openen Inhoud hulpprogramma

Lorem Ipsum-generator

Genereer tijdelijke paragrafen, zinnen of woorden voor uw volgende lay-out.

Gereedschap openen Teksthulpprogramma

Case-converter

Transformeer tekst in hoofdletters, hoofdletters, camelCase, snake_case en meer.

Gereedschap openen
JSON-formatterFormatteer en valideer JSONCSV naar JSONConverteer gestructureerde gegevensBase64-converterCodeer en decodeer Base64Lorem IpsumGenereer een tijdelijke kopieCase-converterTransformeer tekstomhulselWachtwoordgeneratorMaak veilige wachtwoordenUnicode-tekstUnicode-tekens inspecterenWoordtellerAnalyseer tekst en trefwoordenVerschilcontroleVergelijk tekst regel voor regelURL-encoderCodeer en decodeer URL'sHasjgeneratorGenereer veilige hashesRegex-testerReguliere expressies testenWebfont-generatorBouw een webfontbundelTTC-uitpakkerPak TTC-lettertypebestanden uit
Nuttige antwoorden

Veelgestelde vragen

Snelle antwoorden over kleurconverter en hoe deze pagina werkt.

Verandert de kleur bij het converteren van HEX naar RGB?

Nee. Beide notaties beschrijven dezelfde rode, groene en blauwe kanaalwaarden.

Waar is de HSL voor geschikt?

HSL zorgt ervoor dat tint, kleurintensiteit en helderheid gemakkelijker onafhankelijk van elkaar kunnen worden aangepast.

Worden alfawaarden ondersteund?

De huidige converter richt zich op ondoorzichtige HEX-, RGB- en HSL-kleuren.

Waarom zijn sommige HSL-waarden afgerond?

Percentages en tintwaarden worden afgerond voor leesbare CSS-uitvoer.