Skip to content
Zoyku

Konverter Warna

Tempel warna dalam hex, rgb(), atau hsl() dan dapatkan ketiga formatnya plus baris tint dan shade siap pakai untuk design system Anda.

Color (hex, rgb() or hsl())
#0071e3
rgb(0, 113, 227)
hsl(210, 100%, 45%)
Tints & shades

The swatch row mixes the color with white (left) and black (right) at 20/40/60/80% — handy for hover states and dark-mode variants.

Alat ini berjalan sepenuhnya di browser Anda. Data Anda tidak pernah meninggalkan perangkat — tidak diunggah ke server mana pun.

Cara pakai

  1. 1Tempel warna dalam salah satu dari tiga format — hex, rgb(), atau hsl().
  2. 2Baca nilai konversinya dan salin yang Anda butuhkan.
  3. 3Ambil tint dan shade dari baris swatch di bawahnya.

Konverter Warna

Berikan #0071e3, rgb(0, 113, 227), atau hsl(211, 100%, 45%) — parser mendeteksi formatnya otomatis dan mengeluarkan hex, RGB, dan HSL sekaligus, masing-masing dengan salinan sekali klik.

Di bawah nilai-nilainya, baris tint-and-shade mencampur warna Anda dengan putih dan hitam pada langkah 20/40/60/80%: hover state, border, dan varian dark-mode instan tanpa membuka alat desain.

Pertanyaan yang sering diajukan

Bagaimana HSL dikonversi ke RGB?

Lewat pemetaan Cylindrical–RGB standar: kromatisitas c = (1 − |2L − 1|) × S, nilai perantara x ditentukan oleh sektor hue, lalu tiap kanal digeser dengan m = L − c/2. Matematisnya rumus buku teks, jadi hasilnya cocok dengan alat desain.

Kenapa kode warna saya ditandai tidak valid?

Bentuk yang diterima adalah #RGB / #RRGGBB, rgb(r, g, b), dan hsl(h, s%, l%). Kanal harus dalam rentang (0–255 untuk RGB, 0–360 untuk hue, 0–100% untuk sisanya) dan tiap bagian dipisah koma atau spasi.

Untuk apa tint dan shade itu bagus?

Tint (dicampur putih) membuat latar hover, badge, dan kartu; shade (dicampur hitam) membuat pressed state, border, dan permukaan dark-mode. Menurunkan keduanya dari satu warna merek menjaga setiap state UI konsisten secara visual.

Alat terkait

Semua alat Utilitas →

Pemilih Warna

Pilih warna dari swatch atau ambil langsung dari layar Anda dengan API EyeDropper — hex, RGB, dan HSL tersalin sekali klik.

Semua alat →

Generator Kode QR

Ubah teks atau URL apa pun menjadi kode QR tajam dengan ukuran, warna, dan level koreksi error yang bisa diatur — unduh sebagai PNG atau SVG.

Semua alat →

Kalkulator Aspect Ratio

Diberi rasio seperti 16:9 dan satu dimensi, dapatkan lebar atau tinggi yang hilang seketika — plus preset dari 1:1 sampai 21:9 untuk video dan desain.

Semua alat →

UUID Generator

Hasilkan identifier UUID v4 acak dalam jumlah besar sekali klik — 1 hingga 500 sekaligus, memakai keacakan kriptografis browser Anda. Gratis, instan, mampu offline.

Semua alat →

Sematkan alat ini

Tambahkan alat ini ke situs Anda dengan satu baris — berjalan di browser pengunjung.

<iframe src="https://zoyku.com/id/tools/color-converter?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — color-converter" loading="lazy"></iframe>
100% local processing