Image Color Picker

A most excellent

Hex Color Picker

Tune HEX and compare HWB, HSL, HSV, RGB, and OKLCH values in one calm workspace.

HEX-kleurkiezer

Eén HEX-kleurkiezer, zes kleurmodellen

Voer een HEX-kleurcode in en zie direct de bijbehorende waarden in RGB, HSL, HSV, HWB en OKLCH. Beweeg een schuifregelaar en alle zes representaties synchroniseren in realtime. De HEX-code en URL-hash synchroniseren samen, zodat elke kleur in enkele seconden kan worden opgeslagen als bladwijzer of gedeeld.

HEX naar RGB in realtime

Voer een HEX-kleur in zoals #3b82f6 en de RGB-waarden worden direct bijgewerkt. De HEX-zoeker accepteert ook drijecijferige verkorte codes.

HEX-code-zoeker met URL-delen

Bij elke kleuraanpassing wordt de URL-hash automatisch bijgewerkt, waardoor deze HEX-code-zoeker een deelbare bladwijzer wordt. Stuur de link naar teamleden en zij zien precies dezelfde kleur.

Zes kleurmodellen gesynchroniseerd

HEX, RGB, HSL, HSV, HWB en OKLCH worden allemaal samen bijgewerkt. Van model wisselen verliest nooit de kleur — perfect voor designtokens en CSS-variabelen.

HEX-kleurkiezerinterface met schuifregelaars voor HSL-, RGB- en OKLCH-kleurmodellen

Kleurcode-zoeker

Elke kleurcode vinden — HEX, RGB, HSL, OKLCH

Deze kleurcode-zoeker dekt alle standaarden die worden gebruikt in webdesign, app-ontwikkeling en digitaal drukwerk. HEX is het standaardformaat voor CSS en HTML. RGB is het native formaat voor schermen. HSL is het voor mensen leesbare formaat voor designers. OKLCH is het volgende perceptuele formaat in CSS Color Level 4. Alle vier tegelijk beschikbaar — kopieer degene die bij uw workflow past.

Kleurcode-zoeker met HEX-, RGB-, HSL- en OKLCH-waarden voor een helder blauw
HTML-kleurkiezer met CSS-klare HEX- en RGB-kleurcodewaarden

HTML-kleurkiezer

HTML-kleurkiezer voor CSS en webdesign

Of u nu inline stijlen schrijft, designtokens definieert of een CSS-variabelenbibliotheek onderhoudt, deze HTML-kleurkiezer levert de exacte code die u nodig heeft. Pas de tint, verzadiging en helderheid visueel aan en kopieer vervolgens de HEX-kleurcode of de CSS rgb()-waarde rechtstreeks naar uw stylesheet.

  • Direct geldige CSS-waarden genereren: hex, rgb(), hsl(), hwb() en oklch().
  • URL-hash-synchronisatie maakt het mogelijk elke kleur op te slaan en te delen als browserbladwijzer.
  • Een gamutindicator markeert kleuren die alleen in Display-P3 bestaan en buiten sRGB vallen.
  • Werkt offline — geen API-aanroepen, geen serverafhankelijkheid.

RGB-kleurkiezer

RGB-kleurkiezer met precisie-schuifregelaars

RGB-kleurkiezer met drie onafhankelijke kanaalschuifregelaars voor rood, groen en blauw

Toegewijde RGB-kanalen

Drie onafhankelijke R-, G- en B-schuifregelaars voor het mengen van kleuren per kanaal. De RGB-kiezer toont decimale waarden en HEX-codes in realtime tijdens het slepen.

RGB-kiezer met live conversie tussen RGB-kanaalwaarden en HEX-kleurcode

RGB naar HEX en andersom

Plak een bekende HEX-code om de RGB-ontleding direct te zien, of pas de schuifregelaars van de RGB-kiezer aan om de HEX-code van een aangepaste tint te vinden. Geen aparte converter nodig.

RGB-kleurkiezer met zij-aan-zij vergelijking van sRGB- en Display-P3-gamutsstalen

RGB-kleurkiezer met brede gamut-ondersteuning

Schakel tussen sRGB- en Display-P3-gamuts om te zien of de gekozen kleur kan worden gereproduceerd op brede gamut-schermen. Beide stalen worden naast elkaar bijgewerkt.

Veelgestelde vragen

Vragen over de HEX-kleurkiezer