SwiftUI–HEX-muunnin

Liitä SwiftUI-arvo, niin saat HEX-arvon heti. Myös muut muodot käyvät.

Lähtömuoto: SwiftUI

Tunnistettu: Swift-koodi

HEX-arvo#ff5733

HEX–SwiftUI-muunnin

Säädä väriä

Sävy11°

Peittävyys100 %

Vaaleus68 %

Kroma0,210

Sävy34°

Kaikki muut muodot

SwiftUI–HEX-esimerkkejä

Väri	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

Tietoa muodoista SwiftUI ja HEX

SwiftUI kuvaa värin punaisella, vihreällä ja sinisellä välillä 0–1, esimerkiksi Color(red: 1, green: 0.341, blue: 0.2). Peittävyys lisätään opacity-parametrilla.

HEX kirjoittaa punaisen, vihreän ja sinisen kukin kahdella heksadesimaalinumerolla, esimerkiksi #ff5733. Se on yleisin tapa merkitä värejä verkossa ja suunnittelutyökaluissa.

Näin muunnos toimii

Luemme SwiftUI-arvon, muunnamme sen CIE XYZ -avaruuteen CSS Color 4 -määrityksen matriiseilla ja siitä edelleen HEX-muotoon. Kohdevärialueen ulkopuoliset arvot sovitetaan CSS Color 4:n algoritmilla, joka säilyttää vaaleuden ja sävyn ja pienentää kromaa.

Kysymyksiä ja vastauksia

Miten muunnan SwiftUI-arvon HEX-muotoon?

Liitä tai kirjoita SwiftUI-arvo yllä olevaan kenttään. PickShade muuntaa sen CSS Color 4 -kaavoilla jo kirjoittaessasi, ja HEX-arvon kopioit yhdellä napsautuksella.

Onko SwiftUI–HEX-muunnos tarkka?

Laskenta on tarkka, ja tulos pyöristetään vain näyttämistä varten niin moneen numeroon, että takaisin muunnettuna saat saman värin. Jos väri ei mahdu kohdevärialueelle, PickShade varoittaa ja näyttää lähimmän värin, joka mahtuu.

Saanko muut muodot samalla kertaa?

Kyllä. Kaikki muut muodot, myös OKLCH, Display P3, Tailwind, SwiftUI, Flutter ja Android, näkyvät tuloksen alla, ja ne kopioituvat yhdellä napsautuksella.

Onko muunnin ilmainen?

Kyllä. Se on ilmainen, ei vaadi rekisteröitymistä ja toimii kokonaan selaimessasi.