Kies kleuren en kopieer HEX, RGB, HSL
Kies kleuren en krijg HEX, RGB, HSL waarden direct.
Hoe gebruikt u dit middel? Kleurenpicker
Kies een kleur
Kies uit het spectrum, typ een HEX-, RGB- of HSL-waarde, of laad een afbeelding en klik op een pixel om het te proeven.
Lees elk formaat
HEX, RGB en HSL worden samen getoond en blijven gelijk als je je aanpast.
Kopieer wat je nodig hebt
Kopieer elk formaat in één klik, of variëren de lichtheid om tinten en tinten te bouwen.
Over de Kleurenpicker
HEX, RGB en HSL beschrijven allemaal dezelfde kleur en elk is makkelijker voor een andere taak. HEX is compact en is wat de meeste CSS en design tools verwachten. RGB maakt in kaart hoe een scherm licht uitstraalt en is wat je nodig hebt bij het werken met canvas- of beeldgegevens. HSL scheidt tint van verzadiging en lichtheid, waardoor het de enige van de drie is die je met de hand kunt aanpassen en het resultaat kan voorspellen.
Deze tool toont alle drie tegelijk voor welke kleur je ook op landt, en kopieert een van hen in een klik. U kunt visueel kiezen uit het spectrum, een waarde in elk formaat in te typen om het te converteren naar de anderen, of een afbeelding laden en klik op een pixel om de exacte kleur te lezen, dat is de snelste manier om een merk kleur van een logo of screenshot te matchen.
De HSL-weergave maakt het bouwen van een samenhangend palet praktisch. Houd de tint en verzadiging vast en variëren alleen de lichtheid, en je krijgt een set van tinten die echt bij elkaar horen, in plaats van de niet-gematchte benaderingen die je krijgt van het nudgen van HEX-waarden totdat ze er ongeveer goed uitzien. Alles draait in je browser, inclusief beeldbemonstering, zodat beelden die je laadt nooit worden geüpload.
Veelgestelde vragen
- Wat is het verschil tussen HEX, RGB en HSL?
- Alle drie beschrijven dezelfde kleur. HEX is compact en gebruikelijk in CSS, RGB kaarten om hoe schermen licht uitstralen, en HSL is het gemakkelijkst om aan te passen met de hand.
- Kan ik een kleur krijgen van een afbeelding?
- Ja. Laad een afbeelding en klik op elke pixel om de exacte waarde te lezen.
- Hoe maak ik lichtere of donkerdere tinten?
- Pas het lichtheidskanaal in HSL aan. Door de tint en verzadiging te behouden, kunt u een consistente set tinten en tinten krijgen.