Konverter Display P3 ke OKLab

Tempel nilai Display P3, langsung dapat OKLab. Format lain juga bisa.

Dari Display P3

Dibaca sebagai CSS color()

Nilai OKLaboklab(68.036% 0.17474 0.1165)

OKLab ke Display P3

Sesuaikan warna

Rona11°

Opasitas100%

Kecerahan68%

Kroma0,210

Rona34°

Semua format lain

Contoh Display P3 ke OKLab

Warna	Display P3	OKLab
	color(display-p3 0.91749 0.20029 0.13856)	oklab(62.796% 0.22486 0.12585)
	color(display-p3 0.4584 0.98526 0.29829)	oklab(86.644% -0.23389 0.1795)
	color(display-p3 0 0 0.95959)	oklab(45.201% -0.03246 -0.31153)
	color(display-p3 1 1 1)	oklab(100% 0 0)
	color(display-p3 0 0 0)	oklab(0% 0 0)
	color(display-p3 0.50196 0.50196 0.50196)	oklab(59.987% 0 0)
	color(display-p3 0.92577 0.38907 0.25797)	oklab(68.036% 0.17474 0.1165)
	color(display-p3 0.30473 0.50347 0.93383)	oklab(62.308% -0.03325 -0.18505)
	color(display-p3 0.33254 0.71471 0.52213)	oklab(69.587% -0.14216 0.04488)
	color(display-p3 0.91216 0.63495 0.23045)	oklab(76.859% 0.0561 0.15481)
	color(display-p3 0.51827 0.3688 0.93154)	oklab(60.563% 0.08454 -0.20193)
	color(display-p3 0.85506 0.33272 0.5918)	oklab(65.592% 0.21073 -0.021)

Tentang Display P3 dan OKLab

Display P3 adalah gamut warna lebar pada layar Apple modern dan banyak ponsel. Jangkauannya sekitar 25% lebih banyak warna daripada sRGB dan ditulis sebagai color(display-p3 r g b).

OKLab adalah ruang warna perseptual modern dari tahun 2020. Langkah yang sama terlihat sama bagi mata, sehingga gradien dan campuran warna lebih bersih daripada di RGB atau HSL.

Cara kerja konversinya

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

Tanya jawab

Bagaimana cara mengonversi Display P3 ke OKLab?

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

Apakah konversi Display P3 ke OKLab 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.