BEST SITE FOR WEB DEVELOPERS
HTML Colors. Lessons for beginners

Ua Es De Fr

Colors CMYK


What are CMYK colors?

The CMYK color model is a system that uses four colors to create other shades. CMYK is an abbreviation for:

  • C (Cyan),
  • M (Magenta),
  • Y (Yellow),
  • K (Key).

These colors are mixed to produce a variety of shades that are used, for example, in printing for full-color printing.


How does it work?

In the CMYK model, colors are created by mixing four basic paints. Each of them has its own percentage value, which indicates its amount in the final color. For example, to get green, you need to mix blue and yellow paints in certain proportions.


How and where is CMYK used?

The CMYK model is used in all types of printing products:

  • newspapers and magazines;
  • books and brochures;
  • advertising leaflets and booklets;
  • packaging and labels;
  • photos and posters.

Advantages of CMYK:

  • Color accuracy: CMYK allows you to accurately reproduce colors on paper, which is important for professional printing;
  • Realism: The model allows you to achieve realistic and natural colors, which is important for photography and illustrations;
  • Cost-effective: The use of black ink (Key) reduces printing costs, as there is no need to mix colors to obtain dark shades;
  • Application possibilities: Wide possibility of printing on different materials.

Disadvantages of CMYK:

  • Limited color gamut: Not all colors can be accurately reproduced with CMYK alone, especially bright or saturated shades.
  • Change colors when printing: When printing on different materials, colors may look different than on a computer screen.
  • Difficulty in setting: It can take a lot of experimentation with ink proportions to get the color you want.

It is important to note:

CMYK is a subtractive color model, meaning colors are created by subtracting light from white. Therefore, it is important to take this fact into account when preparing layouts for printing.

Conclusion: In summary, CMYK is an essential tool for those involved in printing, as it helps to achieve high color quality in finished products.


CMYK is the proposed standard for CSS4.


How do you get CMYK color?

To get a CMYK color, you can use the CMYK calculator.


CMYK Calculator


 
rgb(0, 255, 255)
#00ffff
hsl(180, 100%, 50%)


C:
100
M:
0
Y:
0
K:
0

CMYK Colors

CMYK colors are a combination of CYAN, MAGENTA, YELLOW, and BLACK.

Computer screens display colors using RGB color values. Printers often present colors using CMYK color values.


HTML Support

CMYK is not supported in HTML, but it is suggested as a new standard in CSS4.

While waiting for CSS4, you can include W3Schools' Color library, and use CMYK as an HTML attribute like this:


Try it Yourself

Example

<div data-w3-color="cmyk(100%, 0%, 0%, 0%)">

<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>

</div>

<script src="/lib/w3color.js"></script>
Try It Yourself »

W3Schools Color Library

The JavaScript library used in the example above can be downloaded from:

https://www.w3schools.com/lib/w3color.js.

You can also use an alternative download from our website W3SchoolsEn. The Best at the link: https://w3schoolsua.github.io/lib/w3color.js.