Lewati ke konten

Konverter warna

Konversi warna antara HEX, RGB, HSL, HSV, CMYK, XYZ, dan Lab, lihat nilai Adobe RGB perkiraannya, serta hasilkan skala nuansa gaya Tailwind dan palet warna.

#
RGB
HSL
°
%
%

Hasil konversi warna

#3B82F6
RGB
-
HSL
-
HSV
-
CMYK
-
XYZ (D65)
-
CIE Lab
-
Adobe RGB (perkiraan)
-

Skala nuansa

Skala 50 hingga 950 gaya Tailwind yang dihasilkan dari warna Anda. Pilih nuansa untuk menggunakannya sebagai warna saat ini.

Generator palet

Jenis palet

Cara kerja

Konversi ruang warna mengubah nilai warna antar model seperti RGB, HSL, HSV, CMYK, XYZ, dan Lab. RGB, HSL, dan HSV mendeskripsikan warna sRGB yang sama dengan cara berbeda; CIE XYZ adalah perantara independen perangkat yang digunakan untuk mengonversi ke ruang lain seperti Adobe RGB, dan Lab memisahkan kecerahan dari warna untuk perbandingan yang lebih merata secara perseptual.

  1. Masukkan warna

    Ketik kode heksadesimal atau geser pengatur RGB atau HSL.

  2. Lihat semua format

    Nilai RGB, HSL, HSV, CMYK, XYZ, Lab, dan perkiraan Adobe RGB diperbarui secara bersamaan.

  3. Buat skala atau palet

    Gunakan skala corak untuk token UI, atau generator palet untuk skema warna.

Mengonversi melalui CIE XYZ

Setiap ruang warna RGB mendefinisikan warna primer dan titik putihnya sebagai nilai tristimulus CIE XYZ. Konversi menerapkan matriks 3x3 untuk mengubah RGB sumber menjadi XYZ, lalu matriks kedua untuk mengonversi XYZ menjadi RGB target. sRGB dan Adobe RGB keduanya menggunakan titik putih D65, sehingga tidak diperlukan adaptasi kromatik di antara keduanya; DCI-P3 teater menggunakan titik putih yang berbeda, yang memerlukan adaptasi.

Mengapa warna dapat terlihat berbeda di Adobe RGB

Adobe RGB memiliki gamut yang jauh lebih besar daripada sRGB, khususnya pada hijau-sian. Angka RGB yang sama mewakili warna yang lebih jenuh di Adobe RGB karena warna primer hijaunya berada lebih jauh pada diagram CIE. Ketika aplikasi mengabaikan profil tertanam file dan menganggapnya sebagai sRGB, warna yang hanya valid di Adobe RGB akan tampil lebih pudar dari yang seharusnya.

Warna di luar gamut

Suatu warna berada di luar gamut dalam ruang target ketika saluran apa pun bernilai di bawah 0 atau di atas 1 dalam istilah ternormalisasi. Maksud render perseptual mengompresi seluruh gamut secara proporsional; kolorimetrik relatif memotong nilai di luar gamut ke batas sementara warna dalam gamut tetap tidak berubah; kolorimetrik absolut juga mempertahankan perbedaan titik putih.

sRGB atau Adobe RGB untuk menyunting foto

Jika keluaran Anda adalah web atau layar konsumen, yang hampir semuanya sRGB, penyuntingan dalam sRGB menghindari kelebihan saturasi yang tidak disengaja. Jika Anda mencetak dengan inkjet gamut lebar atau mesin cetak ofset, Adobe RGB mempertahankan lebih banyak detail hijau dan sian. sRGB dan Adobe RGB berbagi titik putih D65 (sekitar x=0,3127, y=0,3290), sehingga konversi di antaranya tidak memerlukan adaptasi titik putih, hanya pemetaan ulang gamut.

Pertanyaan yang sering diajukan

Mengapa warna terlihat berbeda saat saya memindahkan file antara sRGB dan Adobe RGB?

Adobe RGB memiliki gamut yang jauh lebih besar, khususnya pada wilayah sian-hijau. Nilai RGB (0, 200, 0) dalam Adobe RGB mewakili warna hijau yang lebih jenuh daripada nilai yang sama dalam sRGB, karena primer hijau Adobe RGB terletak lebih jauh dalam diagram CIE. Ketika sebuah file dibuka dalam aplikasi yang mengabaikan profil tertanam dan menganggapnya sebagai sRGB, warna-warna di luar sRGB tersebut ditampilkan secara salah, terlihat lebih pudar dari yang seharusnya.

Bagaimana cara kerja konversi ruang warna melalui CIE XYZ?

Setiap ruang warna RGB mendefinisikan warna primer dan titik putihnya sebagai nilai tristimulus CIE XYZ. Konversi menerapkan matriks 3x3 untuk mengubah RGB sumber menjadi XYZ (kolorimetri absolut), kemudian matriks kedua untuk mengonversi XYZ menjadi RGB target. Kedua matriks tersebut berasal dari warna primer ruang warna masing-masing. Proses dua langkah ini bersifat eksak dalam presisi titik mengambang; perbedaan visual apa pun antara masukan dan keluaran menandakan bahwa warna tersebut berada di luar gamut target.

Apa yang terjadi jika suatu warna berada di luar gamut selama konversi?

Warna di luar gamut memiliki setidaknya satu saluran RGB di bawah 0 atau di atas 1 (dalam istilah ternormalisasi) pada ruang tujuan. Maksud rendering menentukan cara pemetaannya: maksud perseptual mengompresi seluruh gamut secara proporsional; kolorimetri relatif memotong nilai di luar gamut ke batas gamut sambil mempertahankan warna di dalam gamut; kolorimetri absolut juga mempertahankan perbedaan titik putih. Photoshop dan aplikasi lain yang mematuhi ICC memungkinkan Anda memilih maksud rendering selama konversi.

Haruskah foto diedit dalam sRGB atau Adobe RGB?

Jika target keluaran Anda adalah web atau layar konsumen yang hampir semuanya menggunakan sRGB, mengedit dalam sRGB mencegah kejenuhan warna berlebih yang tidak disengaja. Untuk mencetak dengan printer inkjet berkualitas tinggi atau mesin cetak offset bergamut luas, Adobe RGB mempertahankan lebih banyak detail hijau dan biru kehijauan yang dapat direproduksi printer berkemampuan CMYK. Jika ingin siap untuk kebutuhan mendatang atau media keluaran belum diketahui, profesional menggunakan Adobe RGB atau ProPhoto RGB sebagai ruang kerja umum, lalu mengonversinya ke sRGB hanya untuk ekspor web akhir.

Apa titik putih yang benar untuk setiap ruang warna utama?

sRGB dan Adobe RGB sama-sama menggunakan D65 (sekitar 6.500K, kromatisitas CIE x=0,3127, y=0,3290). DCI-P3 teater menggunakan titik putih ekuivalen D60 (sekitar 6.300K, x=0,3140, y=0,3510) untuk proyeksi film. Display P3, varian konsumen Apple, menggunakan D65, sehingga lebih kompatibel dengan alur kerja sRGB. Rec. 2020 juga menggunakan D65. Ketidakcocokan titik putih selama konversi tanpa adaptasi menyebabkan penyimpangan warna; selalu terapkan adaptasi kromatik (matriks Bradford atau Von Kries) saat melintasi batas titik putih.