Langsung ke pemilih warna

Konverter RGBA ke OKLCH

Tempel nilai RGBA, langsung dapat OKLCH. Format lain juga bisa.

Dibaca sebagai RGB

Nilai OKLCHoklch(68.036% 0.21001 33.692 / 0.8)
OKLCH ke RGBA

Warna yang sama tanpa transparansi, sebagai OKLCH solid

Sesuaikan warna

11°
80%

68%
0,210
34°

Semua format lain

Tabel opasitas: alpha HEX dan RGBA

Pada HEX 8 digit, dua digit terakhir menentukan opasitas: FF berarti buram penuh, 80 sekitar 50%, dan 00 transparan penuh. Tabel menampilkan warna contoh setiap 5%.

OpasitasAlpha HEXHEXRGBA
100%ff#ff5733rgba(255, 87, 51, 1)
95%f2#ff5733f2rgba(255, 87, 51, 0.95)
90%e6#ff5733e6rgba(255, 87, 51, 0.9)
85%d9#ff5733d9rgba(255, 87, 51, 0.85)
80%cc#ff5733ccrgba(255, 87, 51, 0.8)
75%bf#ff5733bfrgba(255, 87, 51, 0.75)
70%b3#ff5733b3rgba(255, 87, 51, 0.7)
65%a6#ff5733a6rgba(255, 87, 51, 0.65)
60%99#ff573399rgba(255, 87, 51, 0.6)
55%8c#ff57338crgba(255, 87, 51, 0.55)
50%80#ff573380rgba(255, 87, 51, 0.5)
45%73#ff573373rgba(255, 87, 51, 0.45)
40%66#ff573366rgba(255, 87, 51, 0.4)
35%59#ff573359rgba(255, 87, 51, 0.35)
30%4d#ff57334drgba(255, 87, 51, 0.3)
25%40#ff573340rgba(255, 87, 51, 0.25)
20%33#ff573333rgba(255, 87, 51, 0.2)
15%26#ff573326rgba(255, 87, 51, 0.15)
10%1a#ff57331argba(255, 87, 51, 0.1)
5%0d#ff57330drgba(255, 87, 51, 0.05)
0%00#ff573300rgba(255, 87, 51, 0)

Contoh RGBA ke OKLCH

WarnaRGBAOKLCH
rgba(255, 0, 0, 1)oklch(62.796% 0.25768 29.234)
rgba(0, 255, 0, 1)oklch(86.644% 0.29483 142.495)
rgba(0, 0, 255, 1)oklch(45.201% 0.31321 264.052)
rgba(255, 255, 255, 1)oklch(100% 0 0)
rgba(0, 0, 0, 1)oklch(0% 0 0)
rgba(128, 128, 128, 1)oklch(59.987% 0 0)
rgba(255, 87, 51, 1)oklch(68.036% 0.21001 33.692)
rgba(59, 130, 246, 1)oklch(62.308% 0.18801 259.815)
rgba(16, 185, 129, 1)oklch(69.587% 0.14907 162.48)
rgba(245, 158, 11, 1)oklch(76.859% 0.16466 70.08)
rgba(139, 92, 246, 1)oklch(60.563% 0.21892 292.717)
rgba(236, 72, 153, 1)oklch(65.592% 0.21177 354.308)

Tentang RGBA dan OKLCH

RGBA adalah RGB dengan kanal alpha untuk opasitas, ditulis rgba(255, 87, 51, 0.5). Alpha bernilai dari 0 (transparan penuh) sampai 1 (buram penuh). Opasitas yang sama bisa ditulis dengan HEX 8 digit, misalnya #ff573380.

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 RGBA, 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 RGBA ke OKLCH?

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

Apakah konversi RGBA 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.