Kleurenkiezer - Kleuren Online Gratis Kiezen & Converteren
Kies een kleur en converteer direct tussen HEX-, RGB- en HSL-formaten. Bekijk kleuren in realtime, genereer willekeurige kleuren en kopieer kleurcodes met één klik. Perfect voor webdesigners en ontwikkelaars.
Selecteer en converteer kleuren in verschillende formaten
tools.colorPicker.hex
#3498db
tools.colorPicker.rgb
rgb(52, 152, 219)
tools.colorPicker.hsl
hsl(204, 70%, 53%)
Selecteer en converteer kleuren in verschillende formaten
tools.colorPicker.hex
#3498db
tools.colorPicker.rgb
rgb(52, 152, 219)
tools.colorPicker.hsl
hsl(204, 70%, 53%)
Hoe te Gebruiken
- Voer een HEX-kleurcode in of gebruik de kleurvoorvertoning om te beginnen.
- Bekijk de kleur in realtime met alle formaatconversies.
- Klik op de willekeurige knop om een nieuwe kleur te genereren.
- Kopieer elk kleurformaat (HEX, RGB, HSL) met één klik.
Functies
- Realtime kleurvoorvertoning met groot weergavegebied
- Automatische conversie tussen HEX, RGB en HSL
- Eén-klik kopiëren voor elk kleurformaat
- Willekeurige kleurgenerator voor inspiratie
- Ondersteunt 3-cijferige en 6-cijferige HEX-codes
- Gratis zonder registratie
Veelgestelde Vragen
Wat is het verschil tussen HEX, RGB en HSL?
HEX gebruikt hexadecimale notatie (#RRGGBB). RGB specificeert rood-, groen- en blauwwaarden (0-255). HSL gebruikt tint (0-360), verzadiging (0-100%) en helderheid (0-100%). Alle drie vertegenwoordigen dezelfde kleuren in verschillende formaten.
Welk kleurformaat moet ik gebruiken voor webontwikkeling?
HEX is het meest gebruikelijk in CSS. RGB is handig wanneer u transparantie (rgba) nodig heeft. HSL is intuïtief voor het aanpassen van kleuren omdat u tint, verzadiging of helderheid onafhankelijk kunt wijzigen.
Kan ik een 3-cijferige HEX-code invoeren?
Ja. Een 3-cijferige HEX-code zoals #ABC wordt automatisch uitgebreid naar #AABBCC. Beide formaten worden ondersteund.
Zijn mijn gegevens veilig bij het gebruik van deze tool?
Ja. Alle kleurconversies vinden lokaal plaats in uw browser. Er worden geen gegevens naar een server verzonden.
Tips en gerelateerde workflows
- Genereer een QR-code met uw merkkleuren met onze QR-codegenerator.
- Codeer kleurwaarden voor CSS-URL's met onze URL-encoder.
- Sla kleurenpaletten op in JSON-formaat met onze JSON-formatter.
- Bereken procentuele kleurwaarden met onze Percentagecalculator.