Kode warna apa saja yang diberikan?

HEX, RGB, HSL, HSV, CMYK, dan OKLCH untuk warna yang sama, siap disalin.

Bisakah saya mengambil warna dari layar saya?

Bisa, dengan Ambil dari layar di browser berbasis Chromium seperti Chrome dan Edge. Tombolnya disembunyikan jika browser Anda tidak mendukungnya.

Apakah alat ini memeriksa keterbacaan teks pada warna tersebut?

Ya. Alat ini menampilkan rasio kontras WCAG terhadap putih dan hitam serta menandainya AA besar, AA, AAA, atau Gagal. Alat ini juga menyarankan warna komplementer, triadik, analog, dan monokromatik.

Apakah benar-benar gratis?

Ya. Setiap alat gratis digunakan, tanpa akun dan tanpa kartu kredit. Prosesnya berjalan di perangkat Anda, bukan di server kami, itulah yang membuatnya tetap gratis.

Apakah berfungsi di mobile?

Ya. Berjalan di browser seluler terbaru di iOS dan Android, tanpa perlu memasang apa pun.

🎨

Pemilih Warna & Generator Palet gratis

Pilih warna, konversi HEX/RGB/HSL, dan buat palet yang harmonis.

Berjalan di browser AndaTanpa daftar, tanpa pop-upTidak perlu loginGratis selamanya

Berfungsi offline setelah dimuat

Pemilih warna

HEX

HSV

h217°

s76%

v96%

tampilan saja

RGB

HSL

Format lainnya

Alfa100%

HEX8#3b82f6ff

RGBrgb(59 130 246)

HWBhwb(217 23% 4%)

CMYKcmyk(76%, 47%, 0%, 4%)

OKLCHoklch(62.3% 0.188 259.8)

SwiftUIColor(red: 0.231, green: 0.510, blue: 0.965, alpha: 1)

Android0xFF3B82F6

FlutterColor(0xFF3B82F6)

Kontras WCAG

Warna bernama terdekat: dodgerblue · Teks hitam lebih mudah dibaca di sini (5,71:1)

Teks di atas putih3,68:1AA besar

Teks di atas hitam5,71:1AA

Teks di atas #ffffff3,68:1AA besar

Bandingkan dengan warna lain

Shade & tint (50–950)

Nama

Palet warna

Komplementer

#3b82f6

#f6af3c

Triadik

#3b82f6

#f63c83

#83f63c

Analog

#3ce0f6

#3b82f6

#523cf6

Monokromatik

#073c92

#0a5adb

#3b82f6

#85b2f9

#cee0fd

Penggunaan umum

Pemilih Warna untuk Desain WebPilih dan buat warna untuk situs web Anda — dapatkan nilai HEX, RGB, dan HSL plus palet harmonis.
Pemilih Warna untuk BrandingBuat palet warna merek Anda — pilih warna utama, sekunder, dan aksen yang berfungsi bersama.
Pemilih Warna untuk Media SosialBuat palet warna yang memukau untuk posting, cerita, dan desain profil media sosial.
Pemilih Warna untuk Desain CetakPilih warna untuk bahan cetak — selebaran, kartu bisnis, brosur — dengan pratinjau warna yang akurat.
Pemilih Warna untuk PresentasiDesain skema warna slide — pilih warna teks yang dapat dibaca, palet bagan, dan nada aksen yang konsisten.

Cara kerja

Semuanya berjalan langsung di browser Anda menggunakan matematika konversi tulisan tangan — tanpa library warna, tanpa perjalanan pulang-pergi server. Anda memilih warna via input warna native browser atau EyeDropper API, dan alat ini langsung mengonversinya menjadi enam format sambil juga menghitung rasio kontras WCAG dan menghasilkan palet harmoni.

1
Masukan warna via API native
Anda memilih warna melalui widget <input type="color"> bawaan browser, atau — di browser berbasis Chromium — EyeDropper API memungkinkan Anda mengambil sampel piksel apa pun di layar Anda. Kedua jalur mengembalikan string heksa yang menjadi satu-satunya sumber kebenaran.
2
Konversi format tulisan tangan
Alat ini mengonversi nilai heksa menjadi RGB, HSL, HSV, CMYK, dan OKLCH menggunakan fungsi matematikanya sendiri (tanpa library eksternal). Konversi OKLCH melinearisasi kanal sRGB, menerapkan matriks akar-kubik OKLab, lalu menurunkan chroma dan sudut hue — sesuai dengan keluaran CSS Color Level 4 modern.
3
Perhitungan rasio kontras WCAG
Luminansi relatif dihitung dari kanal RGB yang dilinearisasi menggunakan rumus WCAG 2.x. Alat ini kemudian menghitung rasio kontras terhadap putih murni dan hitam murni dan melabelinya AA-besar, AA, AAA, atau Gagal sesuai ambang WCAG (3:1, 4,5:1, 7:1).
4
Pembuatan palet harmoni dan penyimpanan lokal
Swatch komplementer, triadik, analog, dan monokromatik diturunkan dengan memutar atau melangkahkan nilai hue dan lightness HSL secara matematis. Palet yang disimpan ditulis ke localStorage di browser Anda — tidak ada yang meninggalkan perangkat Anda.

Alat terkait

🎨

Pembuat Warna Acak

Buat warna acak satu per satu atau sebagai palet lima warna, kunci yang Anda suka, salin nilai HEX, RGB, atau HSL, dan ekspor palet sebagai PNG atau CSS.

Coba

🎨