Kleuren kiezen voor internet: HEX, RGB, CSS

Hoe het werkt

De oorspronkelijke kleurinvoer geeft een sRGB-waarde als een zescijferige hexadecimale tekenreeks. Kanalen worden geparseerd tot decimaal voor het RGB-triplet, en de aangepaste CSS-eigenschap wordt geschreven in de exacte syntaxis die een stylesheet verwacht.

• Gebruikt de oorspronkelijke kleurinvoer, dus het werkt met de systeempipet waar de browser dit ondersteunt.

Waarom het ertoe doet

Een palet leeft in Figma, CSS, e-mails en soms een canvas. Elke vertaalstap is een kans om het verkeerde formaat te plakken, dus het samen kopiëren van HEX, RGB en een aangepaste eigenschap verwijdert een reeks vermijdbare fouten.

Een uitgewerkt voorbeeld

Als u #635BFF kiest, krijgt u rgb(99, 91, 255) en de aangepaste CSS-eigenschap --color: #635BFF, die u in een stylesheet kunt plaatsen en overal naar kunt verwijzen in plaats van de hexadecimale code te herhalen.

Veel voorkomende fouten

• Kleur en achtergrond afzonderlijk kiezen zonder het contrast te controleren.
• Vertrouwen op tint alleen om de status te signaleren.
• Zweef- en focusvarianten vergeten.

Praktische tips

Kies eerst de neutrale schaal en daarna het accent. Eén accentkleur plus drie neutrale kleuren zijn gemakkelijker consistent te houden in lichte en donkere thema's dan een groter palet.

Hoe het te gebruiken

1. Open het gereedschap. Alles draait op uw browsertabblad.
2. Plak of typ uw invoer en kies vervolgens de gewenste actie.
3. Controleer het resultaat en kopieer het met één klik.

Open het gereedschap

Veelgestelde vragen