Penukar CMYK ke HSL

Tukar mana-mana warna CMYK ke HSL — segera dan percuma

#754595

Tampal mana-mana nilai warna — kami mengesan format untuk kamu.

C
M
Y
K
hasil HSL
Hue
276°
Saturasi
37%
Kecerahan
43%

Profil CMYK: Coated FOGRA39 (lalai Photoshop untuk Eropah)

Warna ini dalam semua format

Membawa palet cetakan ke web lebih mudah dalam HSL: setelah campuran dakwat dinyatakan sebagai hue, saturation dan lightness, kamu boleh bina keadaan hover, tint dan shade dalam beberapa saat.

Bagaimana penukaran CMYK ke HSL berfungsi

  1. Tukar peratus CMYK kepada saluran sRGB antara 0 dan 255 dengan profil Coated FOGRA39.
  2. Bahagikan saluran dengan 255 dan ambil nilai maksimum dan minimum mereka.
  3. Purata maksimum dan minimum itu adalah lightness L, julat mereka menentukan saturation S.
  4. Saluran yang memegang nilai maksimum menentukan hue H dalam darjah pada roda warna.

Contoh terperinci

CMYK cmyk(66%, 82%, 0%, 0%)=HSL hsl(276, 37%, 43%)

Langkah CMYK ke RGB menggunakan profil piawai Coated FOGRA39, jadi profil CMYK lain (contohnya daripada kedai cetak kamu) memberi nombor yang berbeza. Nilai HSL dibundarkan kepada nombor bulat.

CMYK dan HSL diterangkan

Apakah CMYK?

CMYK ialah model empat dakwat yang digunakan dalam percetakan: cyan, magenta, kuning dan key (hitam), setiap satu sebagai peratusan dari 0 hingga 100. Dakwat menolak cahaya bukannya memancarkan, jadi CMYK merangkumi lebih sedikit warna berbanding skrin — sebabnya warna terang di skrin sering kelihatan lebih pudar bila dicetak.

Sintaks:
cmyk(C%, M%, Y%, K%)
Julat:
0–100% per dakwat
Terbaik untuk:
cetak, pembungkusan, karya sedia-cetak

Apakah HSL?

HSL memecah warna kepada hue (0–360° pada roda warna), saturation (betapa berwarnanya, 0–100%) dan lightness (betapa cerahnya, 0–100%). Kerana setiap bahagian sepadan dengan cara orang menggambarkan warna, HSL adalah format paling mudah untuk membina tona, nuansa dan palet yang konsisten — secara manual atau dalam kod.

Sintaks:
hsl(H, S%, L%)
Julat:
0–360°, 0–100%, 0–100%
Terbaik untuk:
palet, tona dan nuansa, theming

Jadual rujukan CMYK ke HSL

Warna CSS paling biasa, ditukar dari CMYK ke HSL.

WarnaCMYKHSL
blackcmyk(89%, 78%, 62%, 97%)hsl(0, 0%, 0%)
whitecmyk(0%, 0%, 0%, 0%)hsl(0, 0%, 100%)
redcmyk(0%, 95%, 92%, 0%)hsl(1, 79%, 51%)
limecmyk(64%, 0%, 100%, 0%)hsl(93, 60%, 44%)
bluecmyk(93%, 75%, 0%, 0%)hsl(224, 56%, 39%)
yellowcmyk(9%, 0%, 96%, 0%)hsl(57, 100%, 48%)
orangecmyk(0%, 43%, 94%, 0%)hsl(37, 93%, 53%)
tealcmyk(83%, 27%, 48%, 12%)hsl(180, 87%, 27%)
purplecmyk(63%, 100%, 4%, 1%)hsl(299, 58%, 31%)
graycmyk(48%, 39%, 39%, 21%)hsl(30, 1%, 50%)

Soalan lazim

Tukar peratus CMYK kepada saluran sRGB antara 0 dan 255 dengan profil Coated FOGRA39. Bahagikan saluran dengan 255 dan ambil nilai maksimum dan minimum mereka. Purata maksimum dan minimum itu adalah lightness L, julat mereka menentukan saturation S. Saluran yang memegang nilai maksimum menentukan hue H dalam darjah pada roda warna.

Langkah CMYK ke RGB menggunakan profil piawai Coated FOGRA39, jadi profil CMYK lain (contohnya daripada kedai cetak kamu) memberi nombor yang berbeza. Nilai HSL dibundarkan kepada nombor bulat.

HSL memecah warna kepada hue (0–360° pada roda warna), saturation (betapa berwarnanya, 0–100%) dan lightness (betapa cerahnya, 0–100%). Kerana setiap bahagian sepadan dengan cara orang menggambarkan warna, HSL adalah format paling mudah untuk membina tona, nuansa dan palet yang konsisten — secara manual atau dalam kod.

Boleh. Butang tukar di sebelah input membawa anda ke penukar HSL kepada CMYK, yang berfungsi dengan cara yang sama. Kedua-dua arah menggunakan formula yang sama, cuma diterapkan secara terbalik.

Sebaik sahaja kamu berada dalam HSL, kekalkan hue dari cetakan dan laraskan hanya lightness untuk versi web. Itu mengekalkan warna jenama dikenali sambil memenuhi keperluan kontras skrin.