Color Picker

Over deze tool

De Kleurpicker stelt u in staat om visueel een kleur te selecteren en onmiddellijk de HEX-, RGB- en HSL-representaties te zien. Gebruik de native kleurpicker voor brede selectie of de RGB-schuifregelaars voor nauwkeurige kanaalcontrole.

Geselecteerde kleuren worden automatisch opgeslagen in de geschiedenis van recente kleuren, zodat u snel kunt terugkeren zonder opnieuw te typen. Handig bij het vergelijken van kleurvariaties of het opbouwen van een palet.

Hoe te gebruiken

1. Klik op het grote kleurenstaal om de native kleurpicker van de browser te openen en kies een kleur.
2. Sleep de R-, G- en B-schuifregelaars om individuele kleurkanalen nauwkeurig aan te passen.
3. Klik op Kopiëren naast HEX, RGB of HSL om de waarde naar het klembord te kopiëren.
4. Gekopieerde kleuren verschijnen in de rij Recente kleuren — klik op een staal om het te herstellen.

Gebruiksscenario's

Webdesigners selecteren exacte kleuren uit een merkgids en kopiëren hex-codes naar CSS. Developers passen RGB-waarden aan voor canvas of WebGL. UI-designers vergelijken subtiele variaties in dezelfde toon.

Veelgestelde vragen

• Worden geselecteerde kleuren permanent opgeslagen? — Nee. Recente kleuren worden opgeslagen in de componentstatus en worden gereset wanneer u de pagina verlaat of vernieuwt. Kopieer hex-codes naar uw eigen notities voor permanente opslag.
• Kan ik een hex-code direct invoeren? — Ja. Gebruik het hex-invoerveld in de native kleurpicker (beschikbaar in de meeste browsers) om een hex-waarde direct te typen.
• Wat is HSL en waarom is het nuttig? — HSL staat voor Hue (Tint), Saturation (Verzadiging) en Lightness (Helderheid). Het veranderen van de helderheidswaarde maakt de kleur lichter of donkerder terwijl dezelfde tint behouden blijft, handig voor het genereren van tints en shades.