ImageColorPicker.com

CMYK în HSL convertor

Convertește orice culoare CMYK în HSL — instantaneu și gratuit

#754595

Lipește orice valoare de culoare — detectăm formatul pentru tine.

C
M
Y
K
Rezultat HSL
Ton
276°
Saturație
37%
Luminozitate
43%

Profil CMYK: Coated FOGRA39 (setarea implicită Photoshop pentru Europa)

Această culoare în toate formatele

Aducerea unei palete tipărite pe web e mai simplă în HSL: odată ce amestecul de cerneală e exprimat ca nuanță, saturație și luminozitate, poți construi state de hover, nuanțe și umbre în câteva secunde.

Cum funcționează conversia din CMYK în HSL

  1. Convertește procentele CMYK în canale sRGB între 0 și 255 cu profilul Coated FOGRA39.
  2. Împarte canalele la 255 și ia maximul și minimul lor.
  3. Media dintre maxim și minim este luminozitatea L, iar diferența lor determină saturația S.
  4. Canalul care conține maximul determină nuanța H în grade pe roata culorilor.

Exemplu de aplicare

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

Pasul CMYK în RGB folosește profilul standard Coated FOGRA39, deci alte profile CMYK (de exemplu cele de la tipografia ta) dau alte valori. Valorile HSL sunt rotunjite la numere întregi.

CMYK și HSL, explicate

Ce este CMYK?

CMYK este modelul cu patru cerneluri folosit la tipar: cyan, magenta, galben și key (negru), fiecare exprimat ca procentaj între 0 și 100. Cernelurile scad lumina în loc să o emită, astfel CMYK acoperă mai puține culori decât un ecran — motiv pentru care culorile vii de pe ecran pot părea mai fade după tipărire.

Sintaxă:
cmyk(C%, M%, Y%, K%)
Interval:
0–100% per cerneală
Ideal pentru:
print, ambalaje, materiale pregătite pentru tipar

Ce este HSL?

HSL împarte o culoare în nuanță (0–360° pe roata culorilor), saturație (cât de colorată, 0–100%) și luminozitate (cât de deschisă, 0–100%). Deoarece fiecare parte se potrivește modului în care oamenii descriu culoarea, HSL e cel mai simplu format pentru a crea nuanțe, umbre și palete consistente — manual sau în cod.

Sintaxă:
hsl(H, S%, L%)
Interval:
0–360°, 0–100%, 0–100%
Ideal pentru:
palete, nuanțe și umbre, tematizare

CMYK în HSL tabel de referință

Cele mai comune culori CSS, convertite din CMYK în HSL.

CuloareCMYKHSL
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%)

Mai multe convertoare de culori

Întrebări frecvente

Convertește procentele CMYK în canale sRGB între 0 și 255 cu profilul Coated FOGRA39. Împarte canalele la 255 și ia maximul și minimul lor. Media dintre maxim și minim este luminozitatea L, iar diferența lor determină saturația S. Canalul care conține maximul determină nuanța H în grade pe roata culorilor.

Pasul CMYK în RGB folosește profilul standard Coated FOGRA39, deci alte profile CMYK (de exemplu cele de la tipografia ta) dau alte valori. Valorile HSL sunt rotunjite la numere întregi.

HSL împarte o culoare în nuanță (0–360° pe roata culorilor), saturație (cât de colorată, 0–100%) și luminozitate (cât de deschisă, 0–100%). Deoarece fiecare parte se potrivește modului în care oamenii descriu culoarea, HSL e cel mai simplu format pentru a crea nuanțe, umbre și palete consistente — manual sau în cod.

Da. Butonul de swap de lângă input te duce la convertorul HSL → CMYK, care funcționează în același mod. Ambele direcții folosesc aceeași formulă, doar aplicată invers.

Odată ce ești în HSL, păstrează nuanța din tipar și ajustează doar luminozitatea pentru versiunea web. Astfel păstrezi culoarea de brand recognoscibilă în timp ce respecți cerințele de contrast pentru ecran.