Konverter Kode Warna
Tempelkan warna dalam format hex (#ff6600 atau #f60), rgb(255, 102, 0), dipisahkan koma 255, 102, 0, atau hsl(24, 100%, 50%), dan konverter langsung menampilkannya dalam dua format lainnya, dengan pratinjau sampel langsung dan salin sekali klik per format.
Bagaimana konversi kode warna bekerja
-
1
Masukkan warna dalam format yang didukung
Hex (#abc, #abcdef), rgb(r, g, b), dipisahkan koma r, g, b, atau hsl(h, s%, l%).
-
2
Diuraikan menjadi representasi internal
Alat ini mengonversi nilai menjadi RGB secara internal, lalu menurunkan padanan hex dan HSL dari nilai tersebut.
-
3
Semua format ditampilkan
Teks hex, RGB, dan HSL yang sesuai ditampilkan secara berdampingan.
-
4
Pratinjau langsung sampel warna
Menampilkan warna hasil secara sekilas sehingga Anda dapat memastikan konversi sebelum menyalinnya.
Format yang didukung
| Format | Contoh | Gunakan |
|---|---|---|
| Hex 3 | #F66 |
Singkatan; hanya untuk warna dengan angka berulang |
| Hex 6 | #FF6B6B |
Nilai default untuk CSS dan desain grafis |
| RGB | rgb(255, 107, 107) |
CSS, JS, perangkat lunak desain |
| Dipisahkan koma | 255, 107, 107 |
Sama seperti RGB tanpa sintaks fungsi |
| HSL | hsl(0, 100%, 71%) |
Lebih mudah memahami konsep warna, kejenuhan, dan kecerahan |
Kapan menggunakan yang mana
- Hex untuk CSS statis dan penyerahan desain.
- RGB saat Anda mengirimkan saluran ke JavaScript atau perangkat lunak desain.
- HSL saat menyesuaikan kecerahan atau saturasi, model mentalnya lebih jelas daripada RGB.
Format lain seperti HSV, CMYK, LAB, LCH, dan OKLCH ada di perangkat desain. Semuanya menggambarkan warna yang sama dengan cara berbeda, tetapi konverter ini berfokus pada tiga format web inti di atas.
Akurasi
- Konversi antara hex, RGB, dan HSL bersifat tepat: hex dan RGB adalah model warna yang sama, dan HSL diturunkan dari RGB dengan rumus standar.
- Nilai HSL dibulatkan menjadi bilangan bulat, sehingga konversi bolak-balik dapat menggeser digit terakhir. Warna yang tampak tetap identik; gunakan hex untuk konversi yang benar-benar presisi.
Pertanyaan yang Sering Diajukan
Hex atau rgb() untuk kompatibilitas yang luas; hsl() jika Anda mengutamakan keterbacaan. Peramban modern juga mendukung oklch() dan format lain, tetapi hex tetap menjadi pilihan default yang paling aman.
Tidak, konverter hanya menerima warna opak: hex 3 atau 6 digit, rgb(), dan hsl() tanpa saluran alpha. Gunakan rgba() atau hex 8 digit langsung di CSS Anda.
Tidak, konverter hanya menerima tiga format numerik. Gunakan pemilih warna atau pencarian daring untuk mengubah warna bernama menjadi hex terlebih dahulu.
HSL ditampilkan dengan hue, saturasi, dan kecerahan berupa bilangan bulat, sehingga konversi bolak-balik dapat menggeser nilai satu angka. Warna yang tampak tetap identik; gunakan hex saat Anda membutuhkan salinan yang persis.
Alat Terkait
Referensi Tabel ASCII
Tabel ASCII lengkap dari 0 sampai 127 dengan desimal, heksadesimal, oktal, biner, dan referensi karakter numerik HTML untuk setiap karakter, termasuk kode kontrol seperti NUL, LF, dan DEL.
Referensi Karakter HTML
Daftar entitas HTML yang dapat dicari, beserta kode bernama dan kode numeriknya, serta fitur salin dengan satu klik untuk karakter khusus dan simbol.
Penghitung FPS
Ukur FPS browser dengan requestAnimationFrame: penghalusan, frame rate minimum dan maksimum, ambang peringatan, dan grafik opsional. Berjalan lokal, tanpa unggahan dan tanpa API.
Generator Warna Acak
Buat 1 hingga 50 warna HEX acak dengan contoh warna yang bisa dipratinjau, disalin, dan dipakai di CSS, pengujian, atau eksplorasi palet.
Pemformat JSON
Tempel JSON untuk dirapikan dengan indentasi 2 atau 4 spasi, dipadatkan menjadi output ringkas, atau diperiksa sintaksnya sebelum hasilnya disalin.
Pemilih Warna HEX
Pilih atau masukkan warna HEX untuk mendapatkan RGB, HSL, perkiraan CMYK, luminans relatif, serta kontras terhadap putih dan hitam.