MoreOnlineTools
ESC

Penukar HEX ke RGB

Tukar antara format warna HEX, RGB dan HSL dengan pratonton langsung

Penukar Warna

%

Pratonton Warna

Output CSS

HEX #FF5733
rgb() rgb(255, 87, 51)
hsl() hsl(11, 100%, 60%)
rgba() rgba(255, 87, 51, 1)
hsla() hsla(11, 100%, 60%, 1)
Semua pemprosesan berlaku dalam pelayar anda. Tiada data dihantar ke mana-mana pelayan.

Contoh Penggunaan

Warna Reka Bentuk Web

Tukar warna reka bentuk web popular dari HEX ke format RGB dan HSL untuk kegunaan CSS.

Warna Jenama

Tukar warna jenama ke semua format CSS dengan ketelusan alfa untuk lapisan tindih.

Palet Pastel

Terokai warna pastel lembut dan lihat nilainya merentasi semua format warna.

Ciri-ciri

Penukaran Dwiarah

Tukar dari mana-mana format ke semua yang lain dengan serta-merta — HEX, RGB, HSL, RGBA dan HSLA

Pratonton Warna Langsung

Lihat warna dikemas kini secara masa nyata semasa anda melaraskan nilai atau menaip kod

Sokongan Saluran Alfa

Laraskan kelegapan dengan peluncur alfa dan dapatkan output RGBA dan HSLA untuk warna telus

Privasi Diutamakan

Semua penukaran warna berlaku secara setempat dalam pelayar anda, tiada data dihantar ke pelayan

Cara Menggunakan?

1

Masukkan Warna

Taip kod HEX, laraskan peluncur RGB, atau gunakan pemilih warna untuk memilih warna.

2

Lihat Semua Format

Semua format warna (HEX, RGB, HSL, RGBA, HSLA) dikemas kini secara automatik dalam masa nyata.

3

Salin Kod CSS

Klik mana-mana butang salin untuk menyalin nilai warna dalam format pilihan anda ke papan keratan.

Soalan Lazim

Lima format CSS: HEX (#RRGGBB atau singkatan #RGB), RGB (rgb(255,87,51)), HSL (hsl(14,100%,60%)), RGBA (rgb dengan saluran alfa rgba(255,87,51,0.5)) dan HSLA (hsl dengan alfa). Taip dalam mana-mana medan atau gunakan pemilih warna dan kelima-limanya dikemas kini serta-merta.

HEX ialah kod heksadesimal 6 digit yang paling biasa dilihat dalam reka bentuk web (#FF5733). RGB memecahkan warna kepada komponen Merah, Hijau, Biru (0-255 setiap satu) — format semula jadi untuk skrin. HSL menggunakan Hue (0-360 darjah pada roda warna), Saturation (0-100%) dan Lightness (0-100%), lebih intuitif untuk melaraskan bayangan dan tint warna.

Peluncur alfa mengawal ketelusan dari 0 (telus sepenuhnya) hingga 1 (legap sepenuhnya). Apabila alfa kurang daripada 1, alat menghasilkan RGBA dan HSLA dan bukannya RGB/HSL biasa. Ini adalah format CSS untuk latar belakang, lapisan tindih dan warna teks yang telus atau separa telus.

HEX tiga digit (#F53) adalah singkatan untuk enam digit (#FF5533) di mana setiap digit digandakan. Taip kod 3 digit terus — penukar mengendalikannya secara automatik. Output sentiasa menunjukkan bentuk 6 digit penuh.

HSL lebih baik untuk menjana palet warna dan variasi. Untuk mencerahkan warna, tingkatkan nilai Lightness. Untuk menyahtepu, kurangkan Saturation. Untuk mengalih hue, tukar nilai H. RGB tidak mempunyai hubungan intuitif ini, jadi HSL adalah format pilihan untuk tema dinamik dan sifat tersuai CSS.

Ya. Klik butang pemilih warna untuk membuka pemilih warna pelayar asli. Sesetengah pelayar (Chrome, Edge) menyokong ciri penitis yang boleh mensampling mana-mana piksel di skrin anda. Sokongan bergantung kepada versi pelayar anda.

Bahagian output CSS menunjukkan pengisytiharan warna CSS siap tampal untuk setiap format: background-color: #FF5733; atau color: rgb(255, 87, 51); dll. Klik mana-mana butang salin di sebelahnya untuk menyalin baris CSS tepat ke papan keratan anda.

Tidak. Semua pengiraan warna dijalankan secara tempatan dalam pelayar anda melalui JavaScript. Tiada nilai warna, imej atau sebarang data dihantar ke pelayan.

Apa Itu Penukar HEX ke RGB?

Tampal kod hex, geser nilai RGB, atau gunakan pemilih warna -- semua format dikemas kini secara masa nyata. Menyokong HEX, RGB, HSL, RGBA dan HSLA dengan salin satu klik untuk setiap format.

Ciri Utama

Pratonton warna langsung, pemilih warna asli, kawalan alfa/kelegapan, penukaran segera antara semua format warna CSS, coretan kod CSS siap guna.

Kegunaan Biasa

Reka bentuk web apabila anda mempunyai kod hex tetapi memerlukan nilai RGB, melaraskan ketelusan untuk lapisan tindih, mencari padanan HSL untuk manipulasi warna, atau sekadar meneroka warna secara visual.

Petua

HSL lebih intuitif berbanding RGB untuk melaraskan warna -- Hue menetapkan warna, Saturation intensiti, Lightness kecerahan. Saluran alfa berkisar dari 0 (telus) hingga 1 (legap).

Privasi

Semua pengiraan warna berlaku dalam pelayar anda. Tiada data dihantar ke mana-mana.

Keselamatan dan Privasi

Keselamatan data anda adalah keutamaan kami

Pemprosesan Tempatan

Semua pemprosesan berlaku dalam pelayar anda

Tiada Pemindahan Data

Data anda tidak dihantar ke pelayan kami

Tiada Penyimpanan Data

Tiada data disimpan atau dikongsi

Penyulitan SSL

Penyulitan SSL untuk sambungan selamat

Langkah Seterusnya

Pemilih Warna

Pemilih warna lanjutan dengan penukaran HEX, RGB, HSL, HSV, CMYK dan pemeriksa kontras

Penjana Palet Warna

Cipta palet warna profesional, tukar kod warna dan ekstrak warna dari imej

Alat Berkaitan

Penukar Imej ke Base64

Tukar imej kepada rentetan Base64 dengan sokongan seret dan lepas

Penukar Asas Nombor

Tukar nombor antara Binari, Oktal, Perpuluhan, Heksadesimal

Penukar JSON ke CSV

Tukar data JSON kepada format CSV dengan pemisah tersuai

Penukar JSON ke YAML

Tukar data JSON kepada format YAML untuk fail konfigurasi

Penukar CSV ke JSON

Tukar data CSV kepada format JSON dengan pengesanan automatik

Penukar Teks Unicode

Tukar teks biasa kepada gaya teks Unicode menarik

Lebih Banyak di MoreOnlineTools

Alat Dalam Talian Percuma

109 alat untuk teks, imej, keselamatan dan pembangunan

Semak Semua Alat →
Helaian Rujukan Pembangun

Rujukan pantas untuk Regex, Git, kod HTTP, CSS, Markdown dan lagi

Semak Helaian Rujukan →
Kalkulator Dalam Talian

BMI, pinjaman, peratusan, tip, umur dan kalkulator praktikal lain

Semak Kalkulator →
Koleksi Alat

Aliran kerja terpilih: pembangunan API, saluran imej, audit keselamatan dan lagi

Semak Koleksi →