Konverter OKLCH ke Flutter / Compose

Tempel nilai OKLCH, langsung dapat Flutter / Compose. Format lain juga bisa.

Dari OKLCH

Dibaca sebagai OKLCH

Nilai Flutter / ComposeColor(0xFFFF5733)

Flutter / Compose ke OKLCH

Sesuaikan warna

Rona11°

Opasitas100%

Kecerahan68%

Kroma0,210

Rona34°

Semua format lain

Contoh OKLCH ke Flutter / Compose

Warna	OKLCH	Flutter / Compose
	oklch(62.796% 0.25768 29.234)	Color(0xFFFF0000)
	oklch(86.644% 0.29483 142.495)	Color(0xFF00FF00)
	oklch(45.201% 0.31321 264.052)	Color(0xFF0000FF)
	oklch(100% 0 0)	Color(0xFFFFFFFF)
	oklch(0% 0 0)	Color(0xFF000000)
	oklch(59.987% 0 0)	Color(0xFF808080)
	oklch(68.036% 0.21001 33.692)	Color(0xFFFF5733)
	oklch(62.308% 0.18801 259.815)	Color(0xFF3B82F6)
	oklch(69.587% 0.14907 162.48)	Color(0xFF10B981)
	oklch(76.859% 0.16466 70.08)	Color(0xFFF59E0B)
	oklch(60.563% 0.21892 292.717)	Color(0xFF8B5CF6)
	oklch(65.592% 0.21177 354.308)	Color(0xFFEC4899)

Tentang OKLCH dan Flutter / Compose

OKLCH adalah OKLab dalam bentuk polar: kecerahan, kroma, dan rona. Tailwind CSS v4 memakainya untuk seluruh paletnya karena rona tetap stabil saat kecerahan diubah.

Flutter dan Jetpack Compose menulis warna sebagai satu angka ARGB 32 bit, misalnya Color(0xFFFF5733). Dua digit hex setelah 0x adalah alpha, dan FF berarti buram penuh.

Cara kerja konversinya

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

Tanya jawab

Bagaimana cara mengonversi OKLCH ke Flutter / Compose?

Tempel atau ketik nilai OKLCH di kolom di atas. PickShade mengonversinya dengan rumus CSS Color 4 saat Anda mengetik, dan sekali klik menyalin nilai Flutter / Compose.

Apakah konversi OKLCH ke Flutter / Compose 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.