Ir al selector de color

Conversor de SwiftUI a HEX

Pega un valor SwiftUI y obtén HEX al instante. Cualquier otro formato también sirve.

Interpretado como código Swift

Valor HEX#ff5733

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de SwiftUI a HEX

ColorSwiftUIHEX
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

Sobre SwiftUI y HEX

SwiftUI describe un color con rojo, verde y azul de 0 a 1, escrito como Color(red: 1, green: 0.341, blue: 0.2). La opacidad se añade con el parámetro opacity.

HEX escribe el rojo, el verde y el azul con dos dígitos hexadecimales cada uno, como #ff5733. Es la forma más habitual de escribir colores en la web y en las herramientas de diseño.

Cómo funciona la conversión

Leemos el valor SwiftUI, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a HEX. Los valores fuera de la gama de destino se ajustan con el algoritmo de CSS Color 4, que conserva la luminosidad y el matiz y reduce el croma.

Preguntas y respuestas

¿Cómo convierto SwiftUI a HEX?

Pega o escribe un valor SwiftUI en el campo de arriba. PickShade lo convierte con las fórmulas de CSS Color 4 mientras escribes, y un clic copia el valor HEX.

¿La conversión de SwiftUI a HEX es exacta?

El cálculo es exacto y el resultado solo se redondea para mostrarlo, con suficientes decimales para volver al mismo color. Si el color no cabe en la gama de destino, PickShade te avisa y muestra el color más cercano que sí cabe.

¿Puedo obtener otros formatos a la vez?

Sí. Todos los demás formatos, incluidos OKLCH, Display P3, Tailwind, SwiftUI, Flutter y Android, aparecen bajo el resultado y se copian con un clic.

¿Este conversor es gratuito?

Sí. Es gratis, no necesita registro y funciona entero en tu navegador.