Konverter Flutter / Compose ke OKLCH

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

Dari Flutter / Compose

Dibaca sebagai kode Flutter

Nilai OKLCHoklch(68.036% 0.21001 33.692)

OKLCH ke Flutter / Compose

Sesuaikan warna

Rona11°

Opasitas100%

Kecerahan68%

Kroma0,210

Rona34°

Semua format lain

Contoh Flutter / Compose ke OKLCH

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

Tentang Flutter / Compose dan OKLCH

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.

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

Cara kerja konversinya

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

Tanya jawab

Bagaimana cara mengonversi Flutter / Compose ke OKLCH?

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

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