Beranda Pengubah warna

Pengubah warna

#RGB menggandakan tiap digit menjadi #RRGGBB. #ff0000 adalah rgb(255, 0, 0) dan hsl(0, 100%, 50%). Warna tetap di sini.

Mengapa ada

Desain dan lembar gaya menulis warna yang sama sebagai #ff0000, rgb(255, 0, 0), atau hsl(0, 100%, 50%).

Memanjangkan #abc pendek menjadi enam digit lalu membulatkan HSL ke bilangan bulat bisa menggeser kanal sebesar 1.

  1. 01Cara pakai

    Ubah HEX, RGB, atau HSL dan dua bidang lain serta contoh warna mengikuti.

    Contoh warna mengisi latar dengan hex itu. Salin meletakkan baris hex, rgb(), dan hsl() di papan klip.

    Menutup tab menghapus warna. Halaman ini tidak membaca kanal alfa.

  2. 02Hasilnya

    #ff0000, #00ff00, dan #0000ff adalah hsl(0, 100%, 50%), hsl(120, 100%, 50%), dan hsl(240, 100%, 50%), dan masing-masing kembali ke hex yang sama.

    #fff adalah #ffffff, rgb(255, 255, 255), hsl(0, 0%, 100%). #000000 adalah hsl(0, 0%, 0%).

    Yang diketik#ff0000

    #ff0000 rgb(255, 0, 0) · hsl(0, 100%, 50%)
    #00ff00 rgb(0, 255, 0) · hsl(120, 100%, 50%)
    #0000ff rgb(0, 0, 255) · hsl(240, 100%, 50%)
    #abc #aabbcc · kembali ke #a9bacb
  3. 03Yang perlu diingat

    Rona 360 sama dengan 0. hsl(360, 100%, 50%) adalah #ff0000.

    Abu-abu #808080 punya saturasi 0, jadi rona keluar 0. Kecerahan 50% kembali ke 128, 128, 128.

    Kanal di luar rentang, atau desimal, menampilkan kesalahan pada bidang itu dan warna terakhir tidak disalin.

    Konversi ini adalah sRGB layar. Ia tidak menghasilkan CMYK cetak.

Pertanyaan

QApakah #f00 sama dengan #ff0000?
AYa. Setiap digit ditulis dua kali dan menjadi #ff0000.
QApakah HSL dari #abc kembali ke hex yang sama?
ATidak. hsl(210, 25%, 73%) kembali sebagai #a9bacb.
QApakah hex 8 digit dibaca?
ATidak. Hanya #RGB dan #RRGGBB yang dibaca.
QApakah warnanya disimpan?
ATidak. Warna tinggal di peramban ini dan tidak dikirim ke peladen.

Cara halaman ini menghitung

Halaman ini mengubah HEX, RGB, dan HSL menjadi warna sRGB yang sama. #RRGGBB menulis merah, hijau, dan biru sebagai dua digit. #ff0000 adalah rgb(255, 0, 0) dan hsl(0, 100%, 50%). #00ff00 adalah rona 120, dan #0000ff adalah rona 240. #RGB menggandakan tiap digit. #abc menjadi #aabbcc, yaitu rgb(170, 187, 204) dan hsl(210, 25%, 73%).

HSL memakai konversi yang sama dengan CSS, dan layar membulatkan rona, saturasi, serta kecerahan ke bilangan bulat. Kembali lewat bilangan bulat itu bisa menggeser kanal sebesar 1. hsl(210, 25%, 73%) dari #abc kembali sebagai #a9bacb. #808080 adalah rgb(128, 128, 128) dan hsl(0, 0%, 50%), lalu kembali ke #808080. Rona 360 sama dengan 0, jadi hsl(360, 100%, 50%) adalah #ff0000.

Setiap kanal RGB adalah bilangan bulat dari 0 sampai 255. Saturasi dan kecerahan berjalan dari 0 sampai 100. Hex 8 digit dan desimal tidak dibaca. Nilai di luar rentang menampilkan kesalahan pada bidang itu, dan warna terakhir tidak disalin. Konversi ini adalah sRGB layar dan tidak menghasilkan CMYK cetak. Warna tinggal di peramban ini dan tidak dikirim ke peladen.

  • # warna
  • # hex
  • # rgb
  • # hsl