tigtools

Penukar Warna

Taip atau tampal warna dalam sebarang format yang disokong, atau pilih satu, dan setiap format lain dikemas kini serta-merta.

Berjalan dalam pelayar anda Tanpa pendaftaran

Dibaca sebagai HEX.

HEX
#336699
RGB
rgb(51, 102, 153)
HSL
hsl(210, 50%, 40%)
HWB
hwb(210 20% 40%)
OKLCH
oklch(49.93% 0.0987 250.43)
CMYK
cmyk(66.7%, 33.3%, 0%, 40%)

CMYK di sini ialah formula mudah, bukan pengurusan warna. Untuk cetakan, tukar dengan profil ICC yang diberikan oleh pencetak anda.

Cara menggunakannya

  1. Taip atau tampal warna, contohnya #1e90ff, rgb(30 144 255) atau oklch(65% 0.18 250). Anda juga boleh mengklik pemetik warna.
  2. Semak sampel warna untuk memastikan ia warna yang anda jangkakan.
  3. Salin format yang anda perlukan daripada senarai. Nilai dengan ketelusan mengekalkan alpanya.

Cara ia berfungsi

Input yang diterima: HEX dengan 3, 4, 6 atau 8 digit (digit ke-4 dan ke-8 ialah alfa), rgb() dan rgba() dengan nombor atau peratusan, hsl() dan hsla(), hwb(), oklch() dan cmyk() dengan peratusan atau nombor dari 0 hingga 100. Kedua-dua sintaks koma klasik dan sintaks ruang moden dengan “/ alfa” berfungsi. Hue menerima deg, turn, rad dan grad. Warna bernama seperti “tomato” tidak dibaca; gunakan pemilih warna atau kod sebagai gantinya.

Semua penukaran melalui sRGB. HSL dan HWB ialah pembentukan semula ringkas nilai RGB, jadi penukarannya tepat. OKLCH ialah ruang persepsi: langkah yang sama pada kecerahannya kelihatan lebih kurang sama bezanya, yang menjadikannya berguna untuk membina palet. Ia dikira dengan matriks OKLab yang diterbitkan. Sesetengah warna OKLCH berada di luar apa yang boleh dipaparkan oleh sRGB; alat ini akan memaklumkannya dan menunjukkan warna terdekat yang boleh dipaparkan.

CMYK dikira dengan formula naif yang lazim (K = 1 − saluran RGB terbesar). Output cetakan sebenar bergantung pada kertas, dakwat dan profil ICC, jadi anggap nombor ini sebagai titik permulaan, bukan spesifikasi cetakan.

Contoh

Dari kod HEX jenama ke CSS

Panduan gaya memberikan #0b5d1e. Tampalkannya untuk mendapatkan rgb(11, 93, 30) untuk CSS lama, hsl(133.9, 78.8%, 20.4%) untuk melaras kecerahan secara manual, dan nilai oklch() untuk fungsi warna CSS moden.

Membaca warna dengan ketelusan

rgba(0, 0, 0, 0.5) ditukar kepada #00000080. Dua digit HEX terakhir (80) ialah alfa: 128 daripada 255, kira-kira 50%.

Menyemak nilai OKLCH daripada fail reka bentuk

oklch(70% 0.4 150) ialah hijau yang sangat tepu yang tidak boleh dipaparkan oleh skrin sRGB. Alat ini menandanya dan memberikan warna sRGB terdekat, supaya anda tahu reka bentuk akan kelihatan berbeza pada kebanyakan paparan.

Soalan Lazim

Mengapa menukar ke HSL dan kembali kadangkala mengubah HEX sebanyak satu?

HEX menyimpan nombor bulat dari 0 hingga 255 bagi setiap saluran. Nilai dalam format lain dibundarkan untuk paparan (HSL kepada satu tempat perpuluhan), dan menukar nilai yang dibundarkan semula boleh menghasilkan perbezaan satu langkah. Salin HEX jika anda memerlukan nilai asal yang tepat.

Adakah nilai CMYK betul untuk pencetakan?

Tidak, bukan dengan sendirinya. Ia menggunakan formula mudah tanpa profil warna. Pencetak menggunakan profil seperti FOGRA atau GRACoL yang memberikan nombor berbeza, jadi tanya pencetak anda atau tukar dalam aplikasi dengan pengurusan warna.

Apakah OKLCH dan bolehkah saya menggunakannya dalam CSS?

OKLCH menerangkan warna melalui kecerahan yang dilihat, kroma (keberwarnaan) dan rona. Versi semasa pelayar utama menyokong oklch() dalam CSS. Simpan sandaran HEX atau rgb() jika anda menyokong pelayar lama.

Apakah maksud kod HEX 8 digit?

#RRGGBBAA: dua digit terakhir ialah kelegapan, dari 00 (telus sepenuhnya) hingga ff (legap sepenuhnya). Bentuk 4 digit #RGBA berfungsi dengan cara yang sama dengan satu digit bagi setiap saluran.

Privasi

Warna ditukar dalam pelayar anda. Apa-apa yang anda masukkan tidak dihantar ke mana-mana atau disimpan.