Omzetting van kleurcodes

Kleurcodeconversie (kleurconverter)

Wanneer u een kleur opgeeft met behulp van de kleurenkiezer of een numerieke waarde, berekent het systeem automatisch de HEX-, RGB-, HSL-, HSV- en CMYK-waarden. U kunt elk formaat met één klik kopiëren en de contrastverhouding controleren met complementaire kleuren en tekstkleuren.

Voer een kleur in

Ondersteunt de formaten #RGB, #RGBA, #RRGGBB en #RRGGBBAA.

%
%

%
%

%
%
%
%

Vertaalresultaat

De ingevoerde kleuren zijn omgezet naar de betreffende kleurformaten.

Voorbeeldtekst
HEX
HEXA (met dekking)
RGB
RGBA
HSL
HSLA
HSV / HSB
CMYK

Complementaire kleuren

Dit is de tegenovergestelde kleur, met een verschuiving van 180 graden in tint.

Contrast met de tekstkleur

Verhouding tot witte tekst
Verhouding tot zwarte tekst
Tekstkleur die goed leesbaar is:

Alle kleurconversies vinden plaats in de browser; invoergegevens worden niet naar de server verzonden.

Wat is een tool voor het omzetten van kleurcodes?

De Color Code Converter is een gratis online tool die numerieke kleurcodes omzet die worden gebruikt bij webdesign, app-ontwikkeling, beeldbewerking en drukwerkontwerp. Zelfs voor dezelfde kleur varieert het formaat dat wordt gebruikt om deze te specificeren – zoals HEX, RGB, HSL, HSV of CMYK – afhankelijk van de toepassing of software. Met deze tool kunt u de waarden voor alle gangbare formaten in één oogopslag bekijken door simpelweg één kleur in te voeren.

HEX is een hexadecimale notatie die veel wordt gebruikt in CSS voor websites. Wit wordt bijvoorbeeld weergegeven als #FFFFFF en zwart als #000000. RGB is een systeem dat rood, groen en blauw licht combineert op een schaal van 0 tot 255 en wordt gebruikt om kleuren op beeldschermen weer te geven. Met RGBA en 8-cijferige HEXA kunt u ook de dekking specificeren, waardoor ze handig zijn voor het maken van semi-transparante achtergrondkleuren en overlays.

HSL geeft kleur weer aan de hand van tint, verzadiging en helderheid. De tint wordt aangegeven op een kleurenwiel dat varieert van 0 tot 360 graden, terwijl verzadiging en helderheid worden aangegeven op een schaal van 0 tot 100%.Dit formaat maakt het eenvoudig om kleuren intuïtief aan te passen, bijvoorbeeld door ze iets helderder te maken of de levendigheid te verminderen. HSV of HSB geeft kleur weer aan de hand van tint, verzadiging en helderheid, en wordt in veel grafische programma's en kleurenkiezers gebruikt.

CMYK is een kleurmodel dat is gebaseerd op de hoeveelheden cyaan, magenta, geel en zwarte inkt, en wordt voornamelijk gebruikt in de drukindustrie. CMYK-waarden die met behulp van een formule worden berekend op basis van RGB-kleuren op het scherm, zijn echter slechts een ruwe indicatie. Aangezien de daadwerkelijke afdrukresultaten afhankelijk zijn van factoren zoals papier, inkt, de drukpers en ICC-profielen, dient u contact op te nemen met uw drukkerij en uw kleurbeheeromgeving te controleren voor drukwerk waarbij kleurnauwkeurigheid vereist is.

Deze tool toont niet alleen waarden voor elk formaat, maar ook een voorbeeld van de geselecteerde kleur, de complementaire kleur (met een tintverschuiving van 180 graden) en de contrastverhouding wanneer witte en zwarte tekst over elkaar worden gelegd. Dit is handig voor het selecteren van tekstkleuren die goed leesbaar zijn tegen de achtergrondkleur en voor het overwegen van kleurenschema's met het oog op toegankelijkheid.Alle berekeningen worden binnen de browser uitgevoerd en de kleurinformatie die u invoert, wordt nooit naar de server verzonden.

Gebruiksaanwijzing

  1. Gebruik de kleurenkiezer of voer een waarde in HEX, RGB, HSL, HSV of CMYK in.
  2. Afhankelijk van het formaat dat u invoert, worden waarden in andere kleurformaten automatisch bijgewerkt.
  3. Als transparantie gewenst is, pas dan de transparantieschuifbalk of het numerieke veld aan.
  4. Wanneer u op 'Conversieresultaten weergeven' klikt, wordt u doorgestuurd naar het resultatengedeelte waar u elk formaat, de complementaire kleuren en de contrastverhouding kunt bekijken.
  5. Klik op 'Kopiëren' in het gewenste formaat en plak het vervolgens in CSS, ontwerptools, documentatie, enz.

Voorzorgsmaatregelen bij gebruik

  • CMYK-waarden zijn algemene omrekeningen op basis van RGB en garanderen geen exacte kleurreproductie bij het afdrukken.
  • Transparantie komt tot uiting in RGB-, HSL- en HEXA-uitvoer, maar CMYK kent het concept van transparantie niet.
  • Afhankelijk van uw beeldscherm, browser en besturingssysteeminstellingen kan dezelfde kleurcode er anders uitzien.
  • De contrastverhouding wordt berekend op basis van ondoorzichtige kleuren, zonder rekening te houden met transparantie. De leesbaarheid kan variëren, afhankelijk van de daadwerkelijke achtergrondafbeelding en de manier waarop elementen elkaar overlappen.
  • Zeer kleine decimale getallen worden afgerond tot een passend aantal decimalen om de leesbaarheid te verbeteren.

Veelgestelde vragen

Kleuren worden weergegeven in hexadecimale notatie. Meestal wordt een 6-cijferig #RRGGBB-formaat gebruikt; wanneer transparantie wordt toegepast, wordt een 8-cijferig #RRGGBBAA-formaat gebruikt.

RGB bestaat uit drie componenten – rood, groen en blauw – terwijl RGBA een alfakanaal toevoegt om transparantie weer te geven.

Dit is handig wanneer u de helderheid of verzadiging wilt aanpassen terwijl u dezelfde tint behoudt. Het is ook zeer geschikt voor het creëren van kleurvariaties in CSS.

Over het algemeen verwijzen deze naar hetzelfde model. "V" staat voor "Value" en "B" staat voor "Brightness", hoewel de terminologie per app kan verschillen.

Geeft geschatte waarden weer op basis van algemene formules. ICC-profielen en een specifieke afdrukomgeving zijn vereist om nauwkeurige afdrukkleuren te verkrijgen.

Ja. Als u een waarde in #RGB-formaat invoert, wordt deze omgezet naar #RRGGBB, waarbij elk cijfer twee keer wordt herhaald.

Ja. Het ondersteunt zowel #RGBA- als #RRGGBBAA-invoer en -uitvoer.

Dit zijn kleuren die aan de tegenovergestelde kant van het kleurenwiel liggen. Deze tool berekent ze door de HSL-tint 180 graden te verschuiven.

Dit geeft het verschil in helderheid tussen de achtergrondkleur en de tekstkleur weer. Over het algemeen geldt: hoe hoger het getal, hoe beter de tekst te onderscheiden is.

Vergelijk de contrastverhoudingen in het resultatengedeelte; door de verhouding met de hoogste waarde te kiezen, wordt de leesbaarheid verbeterd.

Nee. De conversie en weergave vinden volledig plaats binnen de browser; kleurwaarden worden niet naar de server verzonden voor verwerking.

Ja. U kunt waarden omzetten met behulp van de kleurenkiezer of numerieke invoervelden in ondersteunde browsers.