Hoppa till färgväljaren

Konvertera HEX till SwiftUI

Klistra in ett HEX-värde och få SwiftUI direkt. Andra format fungerar också.

Tolkad som HEX

SwiftUI-värdeColor(red: 1, green: 0.341, blue: 0.2)
SwiftUI till HEX

Justera färgen

11°
100 %

68 %
0,210
34°

Alla andra format

Exempel: HEX till SwiftUI

FärgHEXSwiftUI
#ff0000Color(red: 1, green: 0, blue: 0)
#00ff00Color(red: 0, green: 1, blue: 0)
#0000ffColor(red: 0, green: 0, blue: 1)
#ffffffColor(red: 1, green: 1, blue: 1)
#000000Color(red: 0, green: 0, blue: 0)
#808080Color(red: 0.502, green: 0.502, blue: 0.502)
#ff5733Color(red: 1, green: 0.341, blue: 0.2)
#3b82f6Color(red: 0.231, green: 0.51, blue: 0.965)
#10b981Color(red: 0.063, green: 0.725, blue: 0.506)
#f59e0bColor(red: 0.961, green: 0.62, blue: 0.043)
#8b5cf6Color(red: 0.545, green: 0.361, blue: 0.965)
#ec4899Color(red: 0.925, green: 0.282, blue: 0.6)

Om HEX och SwiftUI

HEX skriver rött, grönt och blått som två hexadecimala siffror vardera, till exempel #ff5733. Det är det vanligaste sättet att skriva färger på webben och i designverktyg.

SwiftUI beskriver en färg med rött, grönt och blått från 0 till 1, skrivet som Color(red: 1, green: 0.341, blue: 0.2). Opacitet läggs till med parametern opacity.

Så fungerar konverteringen

Vi läser HEX-värdet, räknar om det till CIE XYZ med matriserna från specifikationen CSS Color 4 och sedan till SwiftUI. Värden utanför målformatets färgomfång anpassas med algoritmen i CSS Color 4, som behåller ljushet och färgton och minskar kroma.

Frågor och svar

Hur konverterar jag HEX till SwiftUI?

Klistra in eller skriv ett HEX-värde i fältet ovan. PickShade konverterar det med formlerna i CSS Color 4 medan du skriver, och ett klick kopierar SwiftUI-värdet.

Är konverteringen från HEX till SwiftUI exakt?

Beräkningen är exakt och resultatet avrundas bara för visning, med tillräckligt många siffror för att räkna tillbaka till samma färg. Om färgen inte ryms i målformatets färgomfång varnar PickShade och visar närmaste färg som ryms.

Kan jag få andra format samtidigt?

Ja. Alla andra format, bland annat OKLCH, Display P3, Tailwind, SwiftUI, Flutter och Android, listas under resultatet och kopieras med ett klick.

Är konverteraren gratis?

Ja. Den är gratis, kräver inget konto och körs helt i din webbläsare.