Lainnya

Konverter Kode Warna

Konverter Kode Warna adalah alat untuk mengonversi format HEX, RGB, HSL, HSV, dan OKLCH secara timbal balik. Saat Anda memasukkan satu warna, alat ini langsung menghitung notasi untuk semua format yang sesuai, menampilkannya dalam satu daftar, dan setiap nilai dapat Anda salin hanya dengan satu klik. Mulai dari konversi HEX ke RGB, RGB ke HEX, konversi HSL, hingga konversi RGBA, semua konversi yang dibutuhkan dalam pembuatan web dan desain dapat dilakukan sekaligus.

Masukkan kode warna

Pratinjau

Transparansi (alpha)1.00

Konversi ke setiap format

Format	Nilai	Salin
HEX	#1E90FF
HEX8	#1E90FFFF
RGB	rgb(30, 144, 255)
RGBA	rgba(30, 144, 255, 1)
HSL	hsl(210, 100%, 56%)
HSLA	hsla(210, 100%, 56%, 1)
HSV	hsv(210, 88%, 100%)
OKLCH	oklch(0.652 0.19 253)
CMYK	cmyk(88%, 44%, 0%, 0%)

CMYK adalah nilai referensi untuk pencetakan. Karena bergantung pada gamut dan profil cetak, yang ditampilkan adalah nilai perkiraan yang dihitung dari sRGB layar. CMYK tidak diterima sebagai format input.

Seluruh konversi dilakukan di dalam browser yang Anda gunakan, dan nilai yang Anda masukkan tidak dikirim ke server eksternal.

Pembuat Kode QR

Mengubah URL / kontak / Wi-Fi / email / acara / koordinat geografis / SMS / telepon / teks menjadi gambar kode QR. Ukuran, format, warna, dan logo dapat dipilih. Berjalan sepenuhnya di browser Anda.

Undian

Mengundi secara acak 1–N item dari daftar teks atau rentang angka. Mendukung tanpa pengulangan, animasi gulungan, dan penyimpanan riwayat undian. Berjalan sepenuhnya di browser Anda.

Color Picker

Mengambil warna dari gambar untuk memperoleh kode warna. Anda dapat mengambil warna per piksel sambil memperbesar dengan loupe, dengan dukungan peralihan HEX / RGB / HSL dan ekspor palet. Berjalan sepenuhnya di browser Anda.

Pemeriksa Kontras

Pemeriksa kontras gratis yang menghitung rasio kontras antara warna latar depan (warna teks) dan warna latar belakang secara real-time. Menilai kelulusan terhadap kriteria AA dan AAA WCAG 2.1 / 2.2 (teks normal, teks besar, komponen UI), serta mendukung saran warna lulus otomatis, simulasi buta warna, dan APCA. Periksa aksesibilitas skema warna sepenuhnya di browser Anda.

Timer Pomodoro

Timer Pomodoro online gratis yang mengulang 25 menit fokus dan 5 menit istirahat. Sebagai timer fokus untuk belajar dan bekerja, mendukung progres melingkar, suara alarm, layar penuh, dan tampilan pop-out yang selalu di depan. Berjalan sepenuhnya di browser Anda.

Konverter Satuan

Alat konversi satuan gratis untuk mengonversi berbagai satuan seperti panjang, berat, suhu, luas, volume, dan kecepatan. Konversi cm ke inci, suhu Celsius ke Fahrenheit, tsubo ke meter persegi, dan lainnya secara real-time. Berjalan sepenuhnya di browser Anda.

Apa itu alat Konverter Kode Warna?

Anda tidak perlu memilih format input. Cukup tempel langsung nilai seperti HEX 3 digit / 6 digit seperti #1E90FF, HEX 4 digit / 8 digit dengan transparansi, rgb(30, 144, 255) / rgba(30 144 255 / 0.8), hsl(210, 100%, 56%) / hsla(...), hsv(...), atau oklch(0.65 0.19 253), maka format akan dideteksi secara otomatis lalu dikonversi. Anda juga dapat memilih warna dari color picker bawaan, maupun menyesuaikan tingkat opasitas pada rentang 0–1 dengan slider transparansi (alpha).

Output juga mencakup OKLCH, ruang warna yang perseptual seragam dan kian banyak dipakai pada CSS belakangan ini, serta nilai referensi CMYK yang digunakan untuk pencetakan. Alat ini berguna ketika Anda ingin meneruskan warna yang sama secara akurat antara mockup desain, CSS, dan alat desain, sambil berpindah-pindah antara HEX, RGB, HSL, dan HSV.

Seluruh konversi dilakukan di dalam browser yang Anda gunakan, dan nilai yang Anda masukkan tidak dikirim ke server eksternal. Dapat langsung dipakai tanpa pendaftaran akun maupun klik iklan.

Cara penggunaan

Tempel kode warna pada kolom input (HEX, RGB, HSL, HSV, dan OKLCH akan dideteksi otomatis). Anda juga dapat memilih warna dari color picker di sisi kanan.
Saat ingin mengubah transparansi, sesuaikan tingkat opasitas (0–1) dengan slider alpha.
Periksa warna saat ini (termasuk transparansi) pada pratinjau.
Periksa nilai HEX, HEX 8 digit, RGB, RGBA, HSL, HSLA, HSV, OKLCH, dan CMYK dari daftar "Konversi ke setiap format".
Salin nilai format yang Anda butuhkan dengan tombol "Salin" pada setiap baris untuk digunakan.

Skenario penggunaan

Desainer web / coder yang ingin mengubah HEX dari mockup desain menjadi rgb() / rgba() pada CSS.
Front-end engineer yang ingin menentukan warna bertransparansi secara akurat dengan HEX 8 digit atau rgba.
Pengguna yang ingin menyetel hue, saturasi, dan kecerahan dengan HSL atau HSV, lalu memperoleh HEX akhirnya.
Desainer yang ingin merancang skema warna perseptual seragam dengan OKLCH sekaligus memeriksa RGB / HEX yang sesuai.
Pengguna yang ingin memahami warna di layar melalui nilai referensi CMYK sebagai acuan pencetakan.
Developer yang ingin meneruskan warna yang sama dengan mengonversinya ke format lain di antara berbagai alat atau kode.

Hal yang perlu diperhatikan

HEX, RGB, HSL, HSV, dan OKLCH diterima sebagai format input. CMYK ditujukan untuk pencetakan serta bergantung pada gamut dan profil warna, dan tidak dapat dikonversi balik secara unik dari sRGB layar, sehingga hanya didukung sebagai output (nilai referensi).
Mendukung transparansi pada HEX 8 digit (#RRGGBBAA), HEX 4 digit (#RGBA), rgba() / hsla(), serta `oklch(L C H / a)`. Transparansi juga dapat disesuaikan dengan slider alpha.
Color picker bawaan tidak dapat menangani transparansi (hanya HEX 6 digit), sehingga transparansi saat ini tetap dipertahankan meski Anda memilih warna dengan picker.
HSL, HSV, CMYK, dan OKLCH ditampilkan dengan pembulatan ke bilangan bulat atau jumlah desimal tertentu, sehingga konversi balik dapat menimbulkan selisih yang sangat kecil.
Jika konversi dari OKLCH ke RGB melampaui gamut sRGB, hasilnya dibulatkan (clamp) ke rentang yang dapat ditampilkan.

Pertanyaan yang sering diajukan

Apakah warna yang saya masukkan dikirim ke server?

Tidak. Seluruh konversi dilakukan di dalam browser yang Anda gunakan. Anda dapat menggunakannya dengan tenang bahkan untuk warna yang ditangani dalam pekerjaan maupun warna merek.

Bagaimana rumus konversi dari HEX ke RGB?

Pada HEX 6 digit, setiap 2 digit mewakili R, G, dan B dalam bilangan heksadesimal. Mengonversi tiap 2 digit ke desimal menghasilkan nilai 0–255 (contoh: 1E→30, 90→144, FF→255, sehingga #1E90FF = rgb(30, 144, 255)). Alat ini menghitungnya secara otomatis dan juga mendukung arah sebaliknya (RGB→HEX).

Apakah kode warna 8 digit bisa dikonversi?

Bisa. Pada HEX 8 digit (#RRGGBBAA), 2 digit terakhir menyatakan transparansi (alpha). Jika ditempel, alat akan mengonversinya termasuk transparansi, dan Anda dapat memeriksanya pula dalam RGBA atau HSLA.

Apakah konversi ke HSL atau HSV juga didukung?

Didukung. Saat Anda memasukkan warna, alat menampilkan HSL (hue, saturasi, luminans) dan HSV (hue, saturasi, kecerahan) sekaligus. Sebaliknya, Anda juga dapat menempel string hsl() / hsv() untuk dikonversi ke format lain.

Apa itu OKLCH?

OKLCH adalah ruang warna yang perseptual seragam, yang menyatakan warna dengan kecerahan (L), saturasi (C), dan hue (H). OKLCH cocok untuk penyetelan skema warna yang intuitif, seperti mengubah hue sambil mempertahankan kecerahan, dan kian banyak dipakai pada CSS belakangan ini. Alat ini mendukung konversi timbal balik dengan sRGB.

Apakah CMYK bisa dimasukkan?

CMYK hanya didukung sebagai output (nilai referensi). CMYK adalah ruang warna untuk pencetakan yang bergantung pada tinta, kertas, dan profil cetak, sehingga tidak dapat dikonversi balik secara unik dari sRGB layar. Karena itu, alat ini menampilkan nilai CMYK sebagai acuan yang dihitung dari warna di layar, dan tidak menerimanya sebagai format input.