Inhoud
Van kleurwaarde naar bruikbare CSS-code
De omrekenaar leest een sRGB-kleur als HEX, RGB of HSL en toont dezelfde kleur in een andere schrijfwijze. Het geblokte vlak achter de voorvertoning laat zien wanneer de kleur deels doorzichtig is.
Kies eerst je invoer
Bij HEX vul je 3, 4, 6 of 8 hexadecimale tekens in. De # mag je weglaten. RGB vraagt drie gehele kanalen van 0 tot 255. HSL gebruikt tint van 0 tot 360° en verzadiging en lichtheid van 0 tot 100%. De dekking in RGB en HSL ligt tussen 0 en 1. Kies daarna een ander doelformaat om de code te kopiëren.
Een HEX-code met acht tekens eindigt op een alfapaar: #RRGGBBAA. De CSS Color-specificatie beschrijft die volgorde voor sRGB. Andere bestandsformaten hoeven die volgorde niet te volgen.
Staat je huidige kleur al in CSS, kopieer dan de volledige waarde. Een RGB-kanaal van 255 komt overeen met FF in HEX; de omrekenaar doet die omzetting voor alle kanalen tegelijk.
Met deze waarden kun je meerekenen
#336699 geeft rgb(51,102,153). In HSL staat er hsl(210,50%,40%). Het rustige blauw in de voorvertoning verandert niet.
Voer H 120°, S 100% en L 50% in. Je krijgt rgb(0,255,0) en #00FF00. De kleurcirkel wijst bij 120° naar groen.
De korte waarde #FFF wordt #FFFFFF, dus rgb(255,255,255). Elk teken wordt herhaald; de korte code staat niet voor een ander soort wit.
Waarom de laatste decimaal kan verschuiven
RGB-kanalen zijn hele getallen. HSL wordt met één decimaal en alfa met drie decimalen weergegeven. Terugrekenen kan daardoor een iets andere laatste decimaal geven. De tool ondersteunt geen CMYK of Display P3 en berekent geen tekstcontrast. Een kleur op zichzelf zegt nog niets over de achtergrond erachter.
Veelgestelde vragen over kleurcodes
Vooral de verkorte vorm en het alfakanaal verdienen aandacht.
Kan ik 336699 zonder # invoeren?
Ja. De invoer mag zonder #; de HEX-uitvoer bevat het teken wel.
Wat is de vierde positie in #RGBA?
Die geeft de dekking aan. #0008 wordt bij uitschrijven #00000088.
Waarom staat bij grijs tint 0°?
Bij 0% verzadiging heeft de tint geen zichtbaar effect. De tool toont daarom consequent 0°.
Is alfa 0,5 precies gelijk aan HEX 80?
Niet helemaal. 80 is 128 van 255 stappen, dus ongeveer 0,502.
Is HSL-lichtheid hetzelfde als waargenomen helderheid?
Nee. Twee tinten met gelijke HSL-lichtheid kunnen er sterk verschillend helder uitzien.
Vergelijkbare rekenmachines
De volgende rekenmachines over hetzelfde onderwerp kunnen nuttig zijn:
- Online Wachtwoord Generator. Genereer eenvoudig een sterk en veilig wachtwoord met onze online generator voor optimale beveiliging van uw accounts.
- Online Visuele HTML Editor. Bewerk en bekijk HTML-code in realtime voor effectieve en snelle websiteontwikkeling.
- Binaire naar Decimale Converter. Converteer eenvoudig binaire getallen naar decimale getallen.
- Binaire naar Octale Converter. Zet binaire getallen om in octale getallen met gemak.
- Binaire naar Hexadecimale Converter. Converteer binaire getallen naar hexadecimale getallen eenvoudig en snel.
- Decimale naar Binaire Converter. Converteer decimale getallen naar binaire getallen met gemak.
- Decimaal naar Octaal. Zet decimale getallen om naar octale getallen.
- Decimaal naar Hexadecimaal. Zet decimale getallen om naar hexadecimale getallen.
- Octaal naar Binair. Zet octale getallen om naar binaire getallen.
- Octaal naar Decimaal. Zet octale getallen om naar decimale getallen.
Delen op sociale media
Als je het leuk vindt, deel dan de rekenmachine op je sociale mediaplatforms. Het is eenvoudig voor jou en voordelig voor de promotie van het project. Bedankt!