Een kleurhulpmiddel voor het schrijven van HTML en CSS. Typ elke kleur als #3498db, rgb(52,152,219), hsl(204,70%,53%) of een CSS-naam zoals dodgerblue, en het tabblad Converteren toont direct elk equivalent formaat, klaar-om-te-plakken CSS-declaraties en een voorstel voor zwarte/witte voorgrond. Het tabblad Benoemd toont alle 148 CSS-kleurnamen, inclusief rebeccapurple (doorzoekbaar, klik om te kopiëren), en Webveilig biedt het klassieke palet van 216 kleuren. Alles draait lokaal — geen upload, geen server. Dit hulpmiddel is code-georiënteerd; voor ontwerpwerk (paletten, verlopen, contrast, mengen) zie ook Kleurkiezer.
Modus:
Kies of typ een kleur — de equivalenten en CSS-fragmenten worden direct bijgewerkt.
CSS-benoemde kleuren 148 trefwoorden (incl. rebeccapurple) — klik op een staal om de #hex te kopiëren
Webveilig palet 216 kleuren (RGB-stappen 0/51/102/153/204/255) — klik om te kopiëren
Deze kleuren worden zonder dithering weergegeven op klassieke schermen met 256 kleuren.
Hoe de formaten zich verhouden:#3498db == rgb(52, 152, 219) == hsl(204, 70%, 53%). De HSL-tint staat in graden (0-360), verzadiging/helderheid als percentages. Alfa (#RRGGBBAA, rgba(), hsla()) wordt ontleed en in elke uitvoer meegenomen. CSS-trefwoordnamen worden eerst exact vergeleken; als geen trefwoord past, wordt het dichtstbijzijnde van de 148 trefwoorden voorgesteld als ontwerphint.
Wat is een CSS-kleurcode?
Een CSS-kleurcode is het numerieke recept voor één kleur op het scherm: hoeveel rood, groen en blauw licht er gemengd moet worden. Elke notatie — zesdelige hex zoals #3498db, functionele rgb(52, 152, 219), hsl(204, 70%, 53%) en de 148 vooraf gedefinieerde trefwoorden — resolveert naar dezelfde 24-bits sRGB-waarde. Hex en rgb() geven de kanalen rechtstreeks aan, terwijl hsl() de kleur beschrijft als een hoek op het kleurenwiel plus verzadiging en helderheid, wat vaak makkelijker te begrijpen is bij het afstemmen van tinten.
256 niveaus per kanaal geven 16.777.216 adresseerbare kleuren; de vormen van 8 cijfers (#RRGGBBAA, rgba(), hsla()) voegen gewoon een alfawaarde (ondoorzichtigheid) toe aan dezelfde kleur.
