HEX naar XYZ
Zet HEX om naar CIE XYZ, gratis en online. Voer een HEX-code in en je krijgt de tristimuluswaarden X, Y en Z op de schaal 0 tot 100 met witpunt D65, plus color(xyz-d65) en color(xyz-d50) voor CSS. Handig voor kleurmetingen, Lab-berekeningen en luminantie.
Zo zet je HEX om naar XYZ
- 1Typ of plak een HEX-code in "Kleur"
- 2Lees X, Y en Z in de grote regel, van 0 tot 100
- 3Kopieer ze, of neem de CSS-vorm color() uit de lijst
- X, Y en Z van je kleur, zoals 61.619, 61.725, 9.646
Wat je krijgt
- Drie schrijfwijzen.0 tot 100 zoals in tabellen, en color(xyz-d65) en color(xyz-d50) op de schaal 0 tot 1
- Beide witpunten.D65 voor schermen, en D50, het wit van Lab en drukprofielen
- Er wordt niets verstuurd.Het matrixrekenwerk gebeurt in je browser
Wat je kunt doen
- Een HEX-code omzetten naar XYZ, bijvoorbeeld #FFC61A naar 61.619, 61.725, 9.646
- Dezelfde kleur kopiëren als color(xyz-d65 0.61619 0.61725 0.09646), zoals CSS XYZ schrijft
- Ook de D50-waarden krijgen, omgerekend vanuit D65, in de regel "XYZ (D50)"
- Y lezen als de relatieve luminantie van de kleur: 100 is wit, 0 is zwart
- In plaats van HEX ook rgb(), hsl(), lab() of een CSS-kleurnaam plakken en Lab, LCH en OKLCH in dezelfde lijst zien
Goed om te weten
- De sRGB-waarden worden eerst lineair gemaakt en dan met de gangbare sRGB-matrix naar XYZ omgerekend. Wit #FFFFFF geeft 95.047, 100, 108.883
- De grote regel heeft drie decimalen, de CSS-regels vijf. HEX heeft maar 256 stappen per kanaal, dus meer decimalen maken het niet preciezer
- Deze pagina gaat altijd uit van D65, het witpunt van sRGB. Voor D50 neem je de regel "XYZ (D50)" uit de lijst
- Wil je de andere kant op, met je eigen schaal en witpunt, gebruik dan XYZ naar HEX
Vragen
Wat zijn XYZ-waarden?
CIE 1931 XYZ beschrijft een kleur met drie tristimuluswaarden, gebaseerd op hoe het oog op licht reageert. Y is de luminantie. Andere kleurruimtes zoals Lab en OKLab worden daaruit berekend.
Gebruik ik de schaal 0 tot 100 of 0 tot 1?
Ze betekenen hetzelfde. Kleurtabellen en leerboeken gebruiken meestal 0 tot 100, met wit op Y = 100. CSS color(xyz) gebruikt 0 tot 1. Deze pagina geeft je allebei.
Wat is het verschil tussen D65 en D50?
Het zijn twee referentiewitten. sRGB en de meeste schermen gebruiken D65, daglicht van ongeveer 6500 K. Lab in CSS, ICC-profielen en drukwerk werken met D50, dus dezelfde kleur krijgt iets andere getallen.
Wordt mijn kleur geüpload?
Nee. De HEX-code wordt in je browser omgerekend en er wordt geen verzoek mee gedaan.
Meer tools in Web en code
Deze pagina bestaat niet. Zoek hieronder of sleep een bestand hierheen om de tool te vinden die je nodig hebt.
Eén site voor elke bestandsklus. Wat is de jouwe?
Stop met hoppen tussen convertersites. Kies uit 410+ tools, of een recipe die er meerdere achter elkaar zet.
- Bestanden blijven op je apparaat
- Geen watermerk
- Werkt offline
Sleep een bestand hierheen
Een geplakt bestand werkt ook.
of zoek een tool
Open een app
Van ‘ugh, dit bestand’ naar klaar, in drie stappen.
- Sleep het erin, of kies een taak
Geen bestand? Zoek wat je nodig hebt. Bestanden worden op je eigen apparaat verwerkt, niet geüpload voor verwerking.
- Kies wat je wilt
Kleiner, een ander formaat, ondertekend, samengevoegd. Eén klik, zonder eerst instellingen te bestuderen.
- Maak er een recept van
Elke week dezelfde drie stappen? Zet ze één keer achter elkaar en voer de volgende keer hetzelfde recept uit.
Eén goedgekeurde gereedschapskist voor het hele team.
Op kantoor, op de bouwplaats of bij een bureau: teams werken de hele dag met vertrouwelijke bestanden. ToolRecipe geeft iedereen dezelfde tools en dezelfde recepten, en de bestanden worden verwerkt op ieders eigen computer.
- Bestanden worden verwerkt op het apparaat van de medewerker
- Bedrijfsrecepten die iedereen op dezelfde manier uitvoert
- Eén plek in plaats van tien converteersites