Warna alat
Konversikan HEX, RGB, dan HSL, buat palet dan gradasi, serta periksa kontras WCAG — semua alat warna untuk desain, langsung di browser.
Alat warna populer
Konverter HEX ke RGB
Ubah kode warna HEX menjadi nilai RGB dan lihat juga nilai HSL-nya.
Konverter HEX ke HSL
Ubah kode warna HEX menjadi nilai warna HSL.
Generator warna acak — warna HEX
Buat warna HEX acak dan lihat nilai RGB serta HSL-nya.
Pemilih warna — HEX, RGB, dan HSL
Pilih warna dengan pemilih warna browser dan lihat nilai HEX, RGB, serta HSL-nya.
Konverter RGB ke CMYK
Ubah warna RGB menjadi persentase CMYK untuk pencetakan.
Generator palet warna
Buat palet warna yang harmonis dari sebuah warna HEX dasar.
Generator gradasi CSS
Gabungkan dua warna HEX menjadi nilai CSS linear-gradient.
Pencampur warna
Campur dua warna HEX sesuai proporsi yang Anda pilih.
Generator tint dan shade
Buat tint yang lebih terang dan shade yang lebih gelap dari sebuah warna HEX.
Warna bernama CSS
Cari nilai HEX dan RGB dari warna bernama CSS.
Cari warna Tailwind terdekat
Temukan token warna bawaan Tailwind yang paling dekat dengan sebuah warna HEX.
Kalkulator opasitas warna — rgba CSS
Ubah warna HEX dan opasitasnya menjadi nilai CSS rgba.
Generator box-shadow CSS
Buat nilai CSS box-shadow dari offset, blur, spread, dan warna.
Pratinjau border-radius CSS
Gabungkan nilai keempat sudut menjadi properti CSS border-radius.
Generator clamp() CSS
Gabungkan nilai minimum, nilai preferensi, dan nilai maksimum ke dalam fungsi CSS clamp().
Konverter rem ke px
Konversikan antara px dan rem menggunakan ukuran font dasar.
Kalkulator rasio aspek
Hitung rasio aspek CSS dan proporsi tersederhana dari lebar dan tinggi.
Generator Warna Tailwind — skala 50-950
Menghasilkan skala warna lengkap dari 50 hingga 950 berdasarkan satu warna dasar untuk dipakai di Tailwind CSS.
Visualisasi Palet — pratinjau warna di antarmuka
Terapkan palet warna ke blok antarmuka generik untuk melihat tampilan warna Anda dalam desain nyata.
Pencari Nama Warna — temukan warna dari HEX
Temukan nama warna terdekat dari sebuah nilai HEX untuk mengidentifikasi dan memberi nama warna Anda dengan cepat.
Generator Segitiga CSS — kode dengan border
Menghasilkan kode CSS segitiga berbasis properti border, siap disalin dan ditempel ke lembar gaya Anda.
Pemeriksa Kontras Warna — WCAG AA/AAA
Hitung rasio kontras antara warna teks dan warna latar belakang serta periksa kesesuaiannya dengan tingkat WCAG AA/AAA.
Ekstraktor palet dari gambar — analisis warna di browser
Ekstrak palet warna HEX yang representatif dari sebuah gambar. Gambar diproses di browser Anda.
Simulator buta warna — analisis warna di browser
Simulasikan jenis buta warna yang umum untuk sebuah warna HEX. Warna diproses di browser Anda.
FAQ
Bagaimana cara mengonversi HEX ke RGB?
Setiap pasangan HEX (RR, GG, BB) dikonversi dari heksadesimal ke desimal untuk mendapatkan kanal RGB. Konverter bekerja instan dua arah.
Apakah nilai warna dikirim ke server?
Tidak. Semua perhitungan warna berjalan di browser dan tidak ada yang dikirim ke server.