TOOLOVI

Pemilih Warna

Pilih warna apa pun dan dapatkan kode HEX, RGB, dan HSL, nuansa terang dan gelap, kontras teks, atau ambil warna dari gambar. Tidak ada yang diunggah.

  • HEX#ff6b1a
  • RGBrgb(255, 107, 26)
  • HSLhsl(21, 100%, 55%)
  • CSS--color: #ff6b1a;
Teks putih · 2.85:1 ✗
Teks hitam · 7.37:1 ✓ AA
Nuansa terang dan gelap
Ambil warna dari gambar

Berjalan di perangkat Anda. Tidak ada yang dikirim ke server.

Cara kerja

Gunakan kotak warna atau ketik kode HEX. Nilai RGB dan HSL, skala nuansa, dan pemeriksaan kontras langsung diperbarui. Ketuk Salin pada format yang Anda butuhkan.

Untuk mengambil warna dari foto atau tangkapan layar, pilih gambar lalu klik di atasnya. Gambar tetap di perangkat Anda; warna dibaca dari piksel yang diklik.

Pertanyaan

Apa arti rasio kontras?

Membandingkan warna Anda dengan teks putih dan hitam. Pedoman aksesibilitas meminta minimal 4.5:1 untuk teks normal, ditampilkan di sini sebagai AA.

Apa beda HEX, RGB, dan HSL?

Ketiganya menggambarkan warna yang sama. HEX bentuk ringkas untuk web, RGB menyebut merah, hijau, biru dari 0 sampai 255, dan HSL memakai rona, saturasi, dan kecerahan yang lebih mudah disesuaikan dengan mata.