Beranda / Format Warna
Panduan Format

Referensi Format Warna

Gunakan halaman ini untuk membandingkan HEX, RGB, HSL, dan CMYK agar Anda dapat berpindah lebih cepat antara CSS, alat desain, dan alur kerja cetak tanpa ragu soal formatnya.

Terbaik untuk alur kerja warna web, desain, dan cetakCocok digunakan bersama color picker dan konversi format warna

Sekilas format warna

FormatContohTerbaik untuk
HEX#3B82F6CSS dan serah terima desain
RGBrgb(59, 130, 246)Manipulasi warna secara programatik dan rendering browser
HSLhsl(217, 91%, 60%)Penyesuaian hue, saturasi, dan lightness yang ramah manusia
CMYKcmyk(76, 47, 0, 4)Alur kerja berorientasi cetak

Biru yang sama dalam format berbeda

HEX

#3B82F6

RGB

rgb(59, 130, 246)

HSL

hsl(217, 91%, 60%)

CMYK

cmyk(76, 47, 0, 4)

Kapan menggunakan yang mana

  • Gunakan HEX jika Anda memerlukan nilai pendek yang kompatibel dengan CSS untuk sistem desain atau stylesheet.
  • Gunakan RGB saat kode atau API browser mengharapkan nilai kanal secara langsung.
  • Gunakan HSL jika Anda ingin mengubah lightness atau saturation secara lebih intuitif.
  • Gunakan CMYK untuk pembahasan seputar cetak, bukan sebagai format utama di CSS.

Gunakan referensi ini dengan alat yang tepat

Alat terkait