palettePemilih Warna
HEX#00FFFF
RGBrgb(0, 255, 255)
HSLhsl(180, 100%, 50%)
ℹ️ Bantuan

Pemilih Warna adalah alat daring gratis yang dengan mudah menghasilkan kode warna yang dibutuhkan untuk desain web dan pekerjaan grafis. Anda dapat menyalin kode warna dalam format HEX, RGB, dan HSL, serta mengekstrak warna langsung dari mana saja di layar menggunakan fitur EyeDropper.

Sesuaikan slider Hue, Saturasi, dan Kecerahan untuk memilih warna yang diinginkan secara presisi, dan simpan warna yang sering digunakan untuk dipanggil kembali nanti. Berguna saat Anda membutuhkan kode warna untuk desain situs web, pembuatan logo, presentasi, gaya CSS, dan berbagai tugas lainnya.

Instruksi

Pemilih & Konverter Warna

Pemilih Warna adalah alat desain serbaguna yang menjembatani kesenjangan antara visi kreatif dan kode implementasi. Alat ini mendukung pemilihan, analisis, dan konversi warna di berbagai format digital.

Penjelasan Model Warna

  • HEX (Heksadesimal): Kode 6 digit (seringkali dengan hash, mis: #FF5733) yang mewakili nilai Merah, Hijau, dan Biru. Ini adalah format yang paling ringkas dan didukung secara luas untuk desain web (CSS) dan HTML.
  • RGB (Merah, Hijau, Biru): Model warna aditif di mana cahaya merah, hijau, dan biru ditambahkan bersamaan. Nilai biasanya berkisar antara 0 hingga 255. Ini mendefinisikan seberapa banyak setiap warna cahaya yang harus dipancarkan piksel di layar.
  • HSL (Hue, Saturation, Lightness): Model yang paling intuitif bagi manusia.
    • Hue (Rona): Jenis warna pada roda warna (0-360 derajat). 0=Merah, 120=Hijau, 240=Biru.
    • Saturation (Kejenuhan): Intensitas atau kemurnian warna (0% = abu-abu, 100% = warna penuh).
    • Lightness (Kecerahan): Kecerahan (0% = hitam, 100% = putih). Sangat bagus untuk menghasilkan corak (versi yang lebih terang/gelap).

Fitur untuk Desainer

  • Pemeriksa Kontras: (Segera hadir) Periksa apakah kombinasi warna latar belakang dan teks Anda memenuhi standar aksesibilitas WCAG 2.1 (mis: rasio 4.5:1 untuk keterbacaan).
  • Pembuatan Palet: Hasilkan skema warna komplementer (berlawanan), analog (bertetangga), dan triadik (seimbang) berdasarkan warna dasar.

Untuk Pengembang

Salin kode secara instan untuk digunakan dalam variabel CSS (`--primary-color: #x`) atau peta SASS. Alat ini secara otomatis memotong atau menormalkan nilai saat Anda memasukkannya untuk mencegah ketidakkonsistenan browser.

grid_view
13:46
2025-12-28