Pilih warna dan konversi antara HEX, RGB, dan HSL.
HEX, RGB, HSL — semua di satu tempat. Gratis dan tanpa perlu install.
Pilih warna dengan color picker bawaan browser atau ketik kode HEX secara langsung.
Lihat nilai HEX, RGB, dan HSL secara bersamaan — salin format yang kamu butuhkan.
Generate 10 shade dari gelap ke terang berdasarkan warna yang dipilih — cocok untuk membangun color palette.
Tombol copy di setiap format memudahkan transfer nilai ke kode CSS atau Tailwind.
2 langkah sederhana.
Klik color picker atau ketik kode HEX di kolom input.
Salin nilai HEX, RGB, atau HSL ke clipboard dengan satu klik.
HEX adalah representasi heksadesimal seperti #3b82f6, umum digunakan di CSS. RGB mendefinisikan warna dengan nilai Red, Green, Blue (0–255). HSL mendefinisikan warna dengan Hue (0–360°), Saturation, dan Lightness — lebih intuitif untuk membuat variasi warna.
Tool ini berfokus pada konversi HEX, RGB, dan HSL. Untuk menambahkan opacity (alpha), tambahkan nilai alpha secara manual di CSS, misalnya rgba(59, 130, 246, 0.5).
Pilih warna dasar, lalu gunakan shades yang dihasilkan sebagai panduan visual saat mendefinisikan custom color di tailwind.config.js.
Ya, 100% gratis tanpa batasan. Tidak perlu login atau membuat akun.
Jelajahi tools gratis lainnya yang mungkin kamu butuhkan.
Buat QR code untuk URL, WiFi, vCard, email, telepon, dan teks.
Kompres, resize, dan konversi gambar langsung di browser.
Encode dan decode teks atau gambar ke format Base64.
Hapus background gambar otomatis dengan AI langsung di browser.