Kleurkiezer

Kies een kleur en zie hem direct omgezet naar HEX, RGB, HSL en HSV. Je keuze wordt nooit naar een server gestuurd.

Kies een kleur

Kleurwaarden

Recente kleuren

Complementaire & analoge kleuren

Contrastcontrole

Contrastverhouding:

Een kleur kiezen

  1. Gebruik de native kleurkiezer of typ een HEX-waarde zoals #3366FF in het tekstveld.
  2. Lees de bijbehorende HEX-, RGB-, HSL- en HSV-waarden zodra je kiest.
  3. Klik op Kopiëren naast een waarde om hem in je code of ontwerptool te plakken.
  4. Blader door je recente kleurkeuzes of de complementaire stalen voor snel hergebruik.

Veelgestelde vragen

Wat betekenen HEX, RGB, HSL en HSV?

HEX is een zescijferige hex-code, RGB mengt rood, groen en blauw licht, HSL gebruikt tint, verzadiging en lichtheid, en HSV gebruikt tint, verzadiging en waarde.

Worden mijn kleuren opgeslagen of geüpload?

Nee. Kleuren verlaten je apparaat nooit en je recente kleurkeuzes worden alleen in de lokale opslag van je browser bewaard.

Kan ik een kleur naar het klembord kopiëren?

Ja. Elke HEX-, RGB-, HSL- en HSV-waarde heeft een knop Kopiëren die hem op je klembord plaatst.

Werkt de kleurkiezer op mobiel?

Ja. De pagina is volledig responsief en gebruikt de native kleurkiezer van je telefoon of tablet.

Gerelateerde tools

Waarom een kleurenkiezer gebruiken?

Gebruik de Color Picker wanneer je een hexcode uit je ontwerp wilt pakken en wilt zien hoe die vertaalt naar RGB, HSL en HSV voor CSS, code of ontwerptools.

Tips en beperkingen

Alle conversies zijn exact heen-en-terug voor standaard sRGB-kleuren, en de tool draait lokaal in je browser: wat je kiest wordt nooit geüpload.