Langsung ke pemilih warna

Konverter HEX ke SwiftUI

Tempel nilai HEX, langsung dapat SwiftUI. Format lain juga bisa.

Dibaca sebagai HEX

Nilai SwiftUIColor(red: 1, green: 0.341, blue: 0.2)
SwiftUI ke HEX

Sesuaikan warna

11°
100%

68%
0,210
34°

Semua format lain

Contoh HEX ke SwiftUI

WarnaHEXSwiftUI
#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)

Tentang HEX dan SwiftUI

HEX menulis merah, hijau, dan biru masing-masing sebagai dua digit heksadesimal, seperti #ff5733. Ini cara paling umum menulis warna di web dan di aplikasi desain.

SwiftUI menjelaskan warna dengan merah, hijau, dan biru dari 0 sampai 1, ditulis Color(red: 1, green: 0.341, blue: 0.2). Opasitas ditambahkan lewat parameter opacity.

Cara kerja konversinya

Kami membaca nilai HEX, mengubahnya ke CIE XYZ dengan matriks dari spesifikasi CSS Color 4, lalu ke SwiftUI. Nilai di luar gamut tujuan dipetakan dengan algoritma CSS Color 4, yang mempertahankan kecerahan dan rona serta menurunkan kroma.

Tanya jawab

Bagaimana cara mengonversi HEX ke SwiftUI?

Tempel atau ketik nilai HEX di kolom di atas. PickShade mengonversinya dengan rumus CSS Color 4 saat Anda mengetik, dan sekali klik menyalin nilai SwiftUI.

Apakah konversi HEX ke SwiftUI ini akurat?

Perhitungannya akurat, dan hasilnya hanya dibulatkan untuk tampilan, dengan digit yang cukup untuk dikonversi balik ke warna yang sama. Jika warna tidak muat di gamut tujuan, PickShade memberi peringatan dan menampilkan warna terdekat yang muat.

Bisakah saya mendapatkan format lain sekaligus?

Bisa. Semua format lain, termasuk OKLCH, Display P3, Tailwind, SwiftUI, Flutter, dan Android, tercantum di bawah hasil dan bisa disalin dengan sekali klik.

Apakah konverter ini gratis?

Ya. Gratis, tanpa daftar, dan sepenuhnya berjalan di browser Anda.