SwiftUI naar HEX converter

Plak een SwiftUI-waarde en krijg direct HEX. Andere formaten werken ook.

Van SwiftUI

Gelezen als Swift-code

HEX-waarde#ff5733

HEX naar SwiftUI

Kleur aanpassen

Kleurtoon11°

Dekking100%

Lichtheid68%

Chroma0,210

Kleurtoon34°

Alle andere formaten

Voorbeelden: SwiftUI naar HEX

Kleur	SwiftUI	HEX
	Color(red: 1, green: 0, blue: 0)	#ff0000
	Color(red: 0, green: 1, blue: 0)	#00ff00
	Color(red: 0, green: 0, blue: 1)	#0000ff
	Color(red: 1, green: 1, blue: 1)	#ffffff
	Color(red: 0, green: 0, blue: 0)	#000000
	Color(red: 0.502, green: 0.502, blue: 0.502)	#808080
	Color(red: 1, green: 0.341, blue: 0.2)	#ff5733
	Color(red: 0.231, green: 0.51, blue: 0.965)	#3b82f6
	Color(red: 0.063, green: 0.725, blue: 0.506)	#10b981
	Color(red: 0.961, green: 0.62, blue: 0.043)	#f59e0b
	Color(red: 0.545, green: 0.361, blue: 0.965)	#8b5cf6
	Color(red: 0.925, green: 0.282, blue: 0.6)	#ec4899

Over SwiftUI en HEX

SwiftUI beschrijft een kleur met rood, groen en blauw van 0 tot 1, geschreven als Color(red: 1, green: 0.341, blue: 0.2). Dekking voeg je toe met de parameter opacity.

HEX schrijft rood, groen en blauw elk als twee hexadecimale cijfers, zoals #ff5733. Het is de meest gebruikte manier om kleuren te noteren op het web en in ontwerptools.

Zo werkt de omzetting

We lezen de SwiftUI-waarde, zetten die met de matrices uit de specificatie CSS Color 4 om naar CIE XYZ en daarna naar HEX. Waarden buiten de doelgamut worden aangepast met het algoritme van CSS Color 4: lichtheid en kleurtoon blijven, de chroma daalt.

Vragen en antwoorden

Hoe zet ik SwiftUI om naar HEX?

Plak of typ een SwiftUI-waarde in het veld hierboven. PickShade zet hem al tijdens het typen om met de formules van CSS Color 4, en met één klik kopieer je de HEX-waarde.

Is de omzetting van SwiftUI naar HEX exact?

De berekening is exact en het resultaat wordt alleen voor de weergave afgerond, met genoeg cijfers om terug te rekenen naar dezelfde kleur. Past de kleur niet in de doelgamut, dan waarschuwt PickShade je en toont de dichtstbijzijnde kleur die wel past.

Kan ik tegelijk andere formaten krijgen?

Ja. Alle andere formaten, waaronder OKLCH, Display P3, Tailwind, SwiftUI, Flutter en Android, staan onder het resultaat en kopieer je met één klik.

Is deze converter gratis?

Ja. Hij is gratis, vraagt geen account en draait volledig in je browser.