Tooldeon

Konverter warna

Ketik atau tempel warna dalam notasi umum apa pun, atau pilih dari color picker. Keenam format diperbarui bersamaan, siap dipakai di CSS, Figma, atau aplikasi cetak Anda.

Contoh: #3366cc, rgb(51 102 204), hsl(220, 60%, 50%), hsv(220, 75%, 80%), cmyk(75%, 50%, 0%, 20%), oklch(55% 0.17 262). Desimal ditulis dengan titik, seperti di CSS.
  • HEX#3366cc
  • RGBrgb(51, 102, 204)
  • HSLhsl(220, 60%, 50%)
  • HSVhsv(220, 75%, 80%)
  • CMYKcmyk(75%, 50%, 0%, 20%)
  • OKLCHoklch(53.2% 0.168 262.3)

Berjalan di browser Anda: apa pun yang Anda ketik tidak dikirim ke mana pun.

Cara menggunakan

  1. Ketik warna di kotak teks atau pilih dari color picker.
  2. Di bawahnya muncul keenam format, masing-masing dengan tombol Salin.

Yang diterima: #rgb, #rrggbb, rgb(), hsl(), hsv(), cmyk(), dan oklch(), dengan koma atau spasi di antara nilai, dan satuan % serta deg opsional. Ini sintaks CSS, jadi desimal ditulis dengan titik: oklch(55% 0.17 262).

Cara kerja konversi

  • HSL dan HSV menyusun ulang RGB menjadi hue (sudut pada lingkaran warna), saturation, dan lightness atau value.
  • CMYK dihitung dengan K = 1 − max(R, G, B), lalu kanal lainnya diskalakan dengan sisanya.
  • OKLCH mengubah sRGB ke cahaya linear, lalu ke ruang Oklab, dan terakhir ke bentuk polar (lightness, chroma, hue).

Contoh

Biru #3366cc adalah rgb(51, 102, 204), hsl(220, 60%, 50%), hsv(220, 75%, 80%), cmyk(75%, 50%, 0%, 20%), dan oklch(53.2% 0.168 262.3), artinya lightness OKLCH 53,2% dan hue 262,3°. Merah murni #ff0000 adalah oklch(62.8% 0.258 29.2).

Tips

  • Warna abu-abu tidak punya hue yang bermakna; nilainya ditampilkan 0.
  • Transparansi (alpha) tidak diproses: masukkan warna yang solid.
  • Untuk keperluan cetak, minta nilai CMYK ke percetakan: dengan profil mereka, angkanya akan berbeda.

Pertanyaan umum

Apakah konversinya akurat?

HEX dan RGB berupa bilangan bulat yang pasti. HSL, HSV, dan CMYK dibulatkan ke persen dan derajat bulat, sedangkan OKLCH ke satu desimal untuk lightness dan hue serta tiga desimal untuk chroma, jadi saat dikonversi balik satu kanal bisa bergeser satu atau dua angka.

Apakah CMYK ini sama dengan yang dipakai percetakan?

Tidak. Ini konversi matematis sederhana dari RGB, tanpa profil warna. Hasil cetak bergantung pada tinta, kertas, dan profil ICC, jadi gunakan sebagai titik awal, bukan sebagai proof warna.

Apa itu OKLCH?

OKLCH menggambarkan warna sebagai lightness, chroma (intensitas warna), dan hue di atas ruang warna Oklab, yang dirancang agar langkah angka yang sama terlihat mirip oleh mata. Di CSS ditulis oklch(L C h).

Ruang RGB mana yang dipakai?

sRGB standar, ruang warna untuk web. Warna di luar sRGB, yang bisa dideskripsikan OKLCH, dipangkas ke nilai terdekat yang bisa ditampilkan sRGB.

Lainnya di Warna

Semua alat dalam kategori ini: Warna ·Diperbarui 9 November 2026

Pilihan privasi

Google Analytics menunjukkan kepada kami alat mana yang dipakai dan apakah alat itu berfungsi. Layanan ini bisa memakai cookie. Pilihan Anda disimpan di browser ini.