Wat is een HEX-kleurcode?

Een HEX-kleurcode is een code van 6 tekens voor kleuren in webdesign en CSS. Begint met # gevolgd door drie paren hexadecimale cijfers voor rood, groen en blauw (00–FF).

Hoe zijn de kleuren georganiseerd?

25 tintfamilies en 20 gradaties (25–900). Klik op een kleurstaal om de detailpagina te openen met HEX, RGB, HSL, HSB, OKLCH, CMYK, WCAG, harmonieën en tintenschaal.

Wat is het verschil tussen tint, verzadiging en lichtheid?

Tint is de basistkleur. Verzadiging meet de levendigheid (0%=grijs, 100%=verzadigd). Lichtheid: 0%=zwart, 50%=zuivere kleur, 100%=wit.

Wat betekenen de gradatienummers (25–900)?

50 is het lichtst, 500 de meest "zuivere" versie, 950 zeer donker. Deze schaal vergemakkelijkt consistente designsystemen.

Hoe converteer ik HEX naar RGB of HSL?

HEX naar RGB: splits de code in drie paren en converteer van hex naar decimaal. Gebruik onze HEX→RGB-converter.

Hoe gebruik ik deze kleuren in CSS?

Direct: color: #3B82F6; background-color: #ECFDF5. Ook met HSL-notatie of CSS-variabelen: --color-primary: #3B82F6.

Hoeveel kleuren bevat de HEX Kleur Explorer?

500 kleuren: 25 families × 20 gradaties (25–900). Klik op een kleur om alle formaten te verkennen.

HEX Kleuren Explorer

Blader door 500 geselecteerde kleuren op tintfamilie en schaduwgraad

500 kleuren25 families20 schakeringen elk

Klik op een kleur om HEX, RGB en HSL te zien — gebruik hem dan in andere tools

Over HEX-kleurcodes

HEX-kleurcodes zijn een hexadecimale notatie voor RGB-kleuren, veel gebruikt in webdesign en CSS. Elke code is een tekenreeks van 6 tekens (bijv. #FF6B6B) die de rode, groene en blauwe componenten vertegenwoordigt op een schaal van 0–255. De kleuren in deze explorer zijn georganiseerd op tintfamilie en schaduwgraad (50–900), volgens de Tailwind CSS-conventie.

FAQ

Een HEX-kleurcode is een 6-cijferige code om kleuren weer te geven in webdesign en CSS. Het begint met # gevolgd door drie paren hexadecimale cijfers voor rood, groen en blauw (00–FF, equivalent aan 0–255).

Kleuren zijn georganiseerd in 12 tintfamilies en 10 schaduwgraden (50–900). Lagere graden zijn lichter (50 bijna wit), hogere zijn donkerder (900 heel donker). Deze conventie wordt gebruikt door Tailwind CSS en Material Design.

Tint (hue) is de basiskleur op het kleurenwiel. Verzadiging meet de levendigheid (0%=grijs, 100%=volledig verzadigd). Lichtheid meet de helderheid (0%=zwart, 50%=pure kleur, 100%=wit).

Schaduwnummers geven de helderheid aan: 50 is het lichtst, 500 is de meest "pure" versie, 900 is heel donker. Deze schaal vergemakkelijkt het bouwen van consistente designsystemen.

HEX naar RGB: splits de 6-cijferige code in drie paren en converteer elk van hex naar decimaal. Voor HSL zijn aanvullende berekeningen nodig. Gebruik onze HEX→RGB-converter voor directe conversies.

Direct in CSS-eigenschappen: color: #3B82F6; background-color: #ECFDF5. Je kunt ook HSL-notatie of CSS-variabelen gebruiken: --color-primary: #3B82F6.

De explorer bevat 120 geselecteerde kleuren: 12 tintfamilies × 10 schaduwgraden (50–900), gegenereerd met zorgvuldig afgestemde HSL-waarden.

Over HEX-kleurcodes

FAQ

Ontdek ons netwerk