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.
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
- Gebruik de kleurenkiezer of voer een waarde in HEX, RGB, HSL, HSV of CMYK in.
- Afhankelijk van het formaat dat u invoert, worden waarden in andere kleurformaten automatisch bijgewerkt.
- Als transparantie gewenst is, pas dan de transparantieschuifbalk of het numerieke veld aan.
- Wanneer u op 'Conversieresultaten weergeven' klikt, wordt u doorgestuurd naar het resultatengedeelte waar u elk formaat, de complementaire kleuren en de contrastverhouding kunt bekijken.
- 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.