tigtools

Konverter Warna

Ketik atau tempel warna dalam format yang didukung, atau pilih salah satu. Format lainnya akan diperbarui secara otomatis.

Berjalan di browser Anda Tanpa perlu mendaftar

Dibaca sebagai HEX.

HEX
#336699
RGB
rgb(51, 102, 153)
HSL
hsl(210, 50%, 40%)
HWB
hwb(210 20% 40%)
OKLCH
oklch(49.93% 0.0987 250.43)
CMYK
cmyk(66.7%, 33.3%, 0%, 40%)

CMYK di sini menggunakan rumus sederhana dan tidak dikelola warna. Untuk pencetakan, konversikan dengan profil ICC dari printer Anda.

Cara menggunakan

  1. Ketik atau tempel warna, misalnya #1e90ff, rgb(30 144 255), atau oklch(65% 0.18 250). Anda juga bisa mengeklik pemilih warna.
  2. Periksa contoh warna untuk memastikan warnanya sesuai dengan yang Anda harapkan.
  3. Salin format yang Anda perlukan dari daftar. Nilai dengan transparansi tetap mempertahankan alpha-nya.

Cara kerja

Input yang diterima: HEX dengan 3, 4, 6, atau 8 digit (digit ke-4 dan ke-8 adalah alpha), rgb() dan rgba() dengan angka atau persentase, hsl() dan hsla(), hwb(), oklch(), serta cmyk() dengan persentase atau angka dari 0 hingga 100. Sintaks koma klasik maupun sintaks spasi modern dengan “/ alpha” dapat digunakan. Hue menerima deg, turn, rad, dan grad. Nama warna seperti “tomato” tidak dikenali; gunakan pemilih warna atau masukkan kode.

Semua konversi dilakukan melalui sRGB. HSL dan HWB hanya mengubah bentuk nilai RGB, jadi konversinya akurat. OKLCH adalah ruang warna perseptual: perubahan tingkat kecerahan yang sama tampak memiliki perbedaan yang kurang lebih setara, sehingga berguna untuk membuat palet. Perhitungannya menggunakan matriks OKLab yang telah dipublikasikan. Beberapa warna OKLCH berada di luar rentang yang dapat ditampilkan sRGB; alat ini akan memberi tahu Anda dan menampilkan warna terdekat yang dapat ditampilkan.

CMYK dihitung menggunakan rumus sederhana yang umum (K = 1 − kanal RGB terbesar). Hasil cetak sebenarnya bergantung pada kertas, tinta, dan profil ICC, jadi anggap angka ini sebagai titik awal, bukan spesifikasi cetak.

Contoh

Dari kode HEX merek ke CSS

Panduan gaya memberikan #0b5d1e. Tempelkan kode tersebut untuk mendapatkan rgb(11, 93, 30) untuk CSS versi lama, hsl(133.9, 78.8%, 20.4%) untuk menyesuaikan kecerahan secara manual, dan nilai oklch() untuk fungsi warna CSS modern.

Membaca warna dengan transparansi

rgba(0, 0, 0, 0.5) menghasilkan #00000080. Dua digit HEX terakhir (80) adalah nilai alpha: 128 dari 255, sekitar 50 %.

Memeriksa nilai OKLCH dari file desain

oklch(70% 0.4 150) adalah warna hijau yang sangat jenuh dan tidak dapat ditampilkan oleh layar sRGB. Tool ini menandainya dan memberikan warna sRGB terdekat, sehingga Anda tahu desainnya akan terlihat berbeda di sebagian besar layar.

Pertanyaan yang sering diajukan

Mengapa konversi ke HSL lalu kembali terkadang mengubah nilai HEX sebesar satu?

HEX menyimpan bilangan bulat dari 0 hingga 255 untuk setiap kanal. Nilai dalam format lain dibulatkan saat ditampilkan (HSL hingga satu angka desimal), dan mengonversi kembali nilai yang sudah dibulatkan dapat menghasilkan selisih satu angka. Salin HEX jika Anda memerlukan nilai aslinya yang persis.

Apakah nilai CMYK sudah tepat untuk dicetak?

Tidak, tidak dengan sendirinya. Alat ini menggunakan rumus sederhana tanpa profil warna. Printer menggunakan profil seperti FOGRA atau GRACoL yang menghasilkan angka berbeda, jadi tanyakan kepada pihak percetakan atau lakukan konversi di aplikasi yang mendukung manajemen warna.

Apa itu OKLCH dan apakah bisa digunakan di CSS?

OKLCH mendeskripsikan warna berdasarkan kecerahan yang dirasakan, kroma (intensitas warna), dan rona. Versi terbaru browser utama mendukung oklch() di CSS. Sertakan fallback HEX atau rgb() jika Anda mendukung browser lama.

Apa arti kode HEX 8 digit?

#RRGGBBAA: dua digit terakhir menunjukkan opasitas, dari 00 (sepenuhnya transparan) hingga ff (sepenuhnya opak). Format 4 digit #RGBA bekerja dengan cara yang sama, dengan satu digit untuk setiap kanal.

Privasi

Warna dikonversi di browser Anda. Apa pun yang Anda masukkan tidak dikirim ke mana pun atau disimpan.