ToolHub
Tool openen

Color Picker

Kies kleuren en converteer tussen HEX-, RGB- en HSL-formaten

Ontwikkelaarstools
Tool starten Alle tools

Over deze tool

Color Picker is een browsergebaseerde tool waarmee je kleuren kunt selecteren en converteren tussen meerdere formaten. Kies uit vooraf ingestelde kleurstaaljes, pas tint en ondoorzichtigheid aan met schuifregelaars, of typ HEX- en RGB-waarden direct in. De tool toont direct de kleur in HEX-, RGB-, HSL- en HSV-formaten met kopiëren met één klik voor elk. Alle verwerking gebeurt lokaal in je browser — er worden nooit gegevens naar een server gestuurd.

Belangrijkste functies

How to Use

  1. Select a color from the preset swatches or use the color picker.
  2. Adjust hue and opacity with the slider controls.
  3. View the color values in HEX, RGB, HSL, and HSV formats.
  4. Copy any color format value to your clipboard with one click.

Snelle preview

Toepassingen

kleur picker hex rgb

Veelgestelde vragen

Welke kleurformaten ondersteunt deze tool?

De tool toont kleuren in vier formaten: HEX (bijv. #ff6b6b), RGB/RGBA (bijv. rgb(255, 107, 107)), HSL/HSLA (bijv. hsl(0, 100%, 71%)) en HSV (bijv. hsv(0, 58%, 100%)). Wanneer de ondoorzichtigheid minder dan 100% is, worden de RGBA- en HSLA-formaten automatisch gebruikt.

Hoe pas ik de ondoorzichtigheid van een kleur aan?

Gebruik de alpha-schuifregelaar onder de tintschuifregelaar. Sleep deze naar links om de ondoorzichtigheid te verlagen of naar rechts om deze te verhogen. De kleurpreview en alle formaatwaarden worden realtime bijgewerkt. Wanneer de ondoorzichtigheid onder 100% is, bevat de HEX-output een alphakanaal en schakelen de RGB/HSL-outputs over naar hun rgba/hsla-varianten.

Wat is het verschil tussen HSL en HSV?

Beide zijn cilindrische kleurmodellen, maar ze definiëren lichtheid verschillend. HSL (Hue, Saturation, Lightness) meet lichtheid van zwart naar zuivere kleur naar wit, dus een lichtheid van 100% is altijd wit. HSV (Hue, Saturation, Value) meet waarde van zwart naar zuivere kleur, dus een waarde van 100% is de zuiverste vorm van de kleur. HSL wordt meer gebruikt in CSS, terwijl HSV vaak wordt gebruikt in grafische software.

Kan ik een HEX- of RGB-waarde direct invoeren?

Ja. Je kunt een HEX-waarde (bijv. #3b82f6) of een RGB-waarde (bijv. rgb(59, 130, 246)) direct in de invoervelden typen. De tool converteert en werkt direct alle andere formaatweergaven, de kleurpreview en de schuifregelaarposities bij.

Hoe kopieer ik een kleurwaarde?

Klik op de knop Kopiëren naast een formaatwaarde. De kleurwaarde wordt gekopieerd naar je klembord in het exact getoonde formaat (bijv. #ff6b6b voor HEX, rgb(255, 107, 107) voor RGB). Je kunt deze vervolgens direct plakken in je CSS, ontwerptool of code-editor.

Gerelateerde tools

JSON ValidatorHash GeneratorUUID GeneratorRegex Tester