Color Picker

Ambil warna dari logo, foto, atau mana saja di layar, lalu salin kodenya dalam format apa pun. Lengkap dengan pemeriksa kontras, harmoni warna, dan ratusan warna referensi.

Diproses di perangkat

≈ gold

#F5D000

Kode warna

Kontras teks (WCAG)

AaTeks contoh

1.51:1 di atas putih

AA AAA AA besar
AaTeks contoh

13.90:1 di atas hitam

AA AAA AA besar
AaTeks contoh

1.51:1 di atas warna lain

AA AAA AA besar

Harmoni warna

Skala terang–gelap

Klik tingkat untuk menyalin kodenya.

Palet referensi

22 warna × 11 tingkat, persis seperti kelas Tailwind v3.

slate
gray
zinc
neutral
stone
red
orange
amber
yellow
lime
green
emerald
teal
cyan
sky
blue
indigo
violet
purple
fuchsia
pink
rose

Cara pakai

Color Picker dalam 3 langkah

  1. 1

    Pilih warna di kanvas, ketik kodenya, ambil dari layar, atau dari gambar.

  2. 2

    Lihat semua format, harmoni, skala, dan kontrasnya.

  3. 3

    Klik kode mana pun untuk menyalinnya.

Kenapa pakai alat ini

  • 8 format sekaligus

    HEX, RGB, HSL, HSV, CMYK, OKLCH, RGB 0–1, dan kode Android/Flutter.

  • Banyak referensi

    Palet Tailwind, Material Design, Flat UI, 148 nama CSS, dan warna pas foto & dokumen.

  • Kontras WCAG

    Langsung tahu apakah teks di atas warna itu lolos AA atau AAA.

FAQ

Pertanyaan yang sering muncul

Klik tombol Pipet layar (tersedia di Chrome dan Edge desktop), lalu klik di mana saja di layar. Di browser lain, unggah gambar atau screenshot dan klik titik warnanya.

Nilai CMYK di sini adalah konversi matematis dari RGB, bukan profil warna mesin cetak tertentu. Untuk cetak penting, minta contoh cetak (proof) ke percetakan.

Tidak. Alat ini berjalan sepenuhnya di browser kamu. File tidak dikirim ke mana pun, bahkan tetap bisa dipakai saat internet putus setelah halaman terbuka.

Alat lain yang mungkin kamu perlukan