Kleurwaarde Converter

Kleurvoorbeeld

Huidige Kleur

Tekstcontrast

Witte Tekst

Zwarte Tekst

Snel Selecteren

Kies Kleur:

Veelvoorkomende Kleuren

Kleurwaarde Conversie

HEX (Hexadecimaal) Voor CSS, HTML, enz., bijv. #FF5733

RGB (Rood Groen Blauw) CSS-standaardformaat, bijv. rgb(255, 87, 51)

RGBA (met Alpha)

100%

RGB met transparantie, alpha-bereik: 0-1

HSL (Tint/Verzadiging/Lichtheid) Tint (0-360°), Verzadiging, Lichtheid

HSLA (HSL + Alpha) HSL-formaat met transparantie

HSV/HSB (Tint/Verzadiging/Waarde of Helderheid) Vaak gebruikt in ontwerpsoftware zoals Photoshop

CMYK (Vierkleurendruk) Kleurmodus gebruikt voor drukwerk

Geheel getal (Decimaal) Decimale gehele getalweergave, vaak gebruikt in programmeren

CSS-filter (Benadering) Kan zwarte iconen converteren naar doelkleuren (benadering)

Instructies:

Kenmerken:

Ondersteunt conversie tussen meerdere kleurformaten waaronder HEX, RGB, RGBA, HSL, HSLA, HSV en CMYK
Real-time voorbeeld van kleureffecten en tekstcontrast
Ondersteunt het aanpassen van transparantie (Alphakanaal)
Biedt snelle selectie van veelvoorkomende kleuren
Ondersteunt schermkleurkiezer (browserondersteuning vereist)
Eénklik kopiëren van kleurwaarden in elk formaat
Zuiver front-end verwerking, geen gegevensupload nodig, veilig en betrouwbaar

Uitleg kleurformaten:

HEX: Hexadecimale notatie, zoals #FF5733, vaak gebruikt in webontwikkeling
RGB: Rood, Groen, Blauw primaire kleuren, bereik 0-255, bijv. rgb(255, 87, 51)
RGBA: RGB met Alpha-transparantie (0-1), bijv. rgba(255, 87, 51, 0.8)
HSL: Tint (0-360°), Verzadiging (0-100%), Lichtheid (0-100%)
HSV/HSB: Tint, Verzadiging, Lichtheid, vaak gebruikt in ontwerpsoftware zoals Photoshop
CMYK: Cyaan, Magenta, Geel, Zwart, standaard kleurmodus in drukwerk
Decimal: Gehele getalweergave, vaak gebruikt in programmeertalen
CSS Filter: CSS-filter dat zwarte elementen converteert naar een doelkleur

Tip:Voer een kleurwaarde direct in het invoerveld in en de tool herkent en converteert deze automatisch naar andere formaten. Ondersteunt HEX, RGB, HSL-formaten en u kunt ook de kleurkiezer gebruiken voor snelle selectie.