41:
478:
However, the ranges shown for
Knowledge do not correspond to the range normally used as the mathematic basis for computing CMYK, and may not correspond to those accepted by any given color selection dialog. (Probably few, if any, color selection dialogs provide direct access to this coordinate group,
241:
The coordinates within the parenthesis provide, in order, the relative values of red, green, and blue light. The number in each position ranges from 0 (no color added) to 255 (100% color added). This range was chosen because it is the most commonly used in computer color selection dialogs. (The
190:
Therefore, Knowledge has chosen standard ranges for the coordinate systems, so as to have consistent coordinates in all color articles. This article describes the chosen systems and provides instructions for conversion to other ranges which might be needed by particular color environments.
474:
The coordinates within the parenthesis provide, from left-to-right, the relative values of cyan, magenta, yellow, and key. The number in each position ranges from 0 (no pigment used) to 100 (maximum = 100% pigment coverage).
767:
be used in the context of
Knowledge. Most (if not all) of these programs also accept RGB, which can typically be entered without conversion. Therefore, it is usually best in these programs to use the RGB coordinate.
622:
The third number, the value (or brightness), ranges from 0 to 100%, with 0% indicating black and 100% indicating the brightest possible intensity of a color, whether white or otherwise, as limited by a maximum in
601:
in this usage.) In
Knowledge, the HSV coordinates are represented as three numbers separated by commas and identified as either degrees or percentage, as in this example for the color orange:
268:
linear. Middle-grey sRGB values (with „middle“ defined as „emitting half as much visible light per area as a maximum brightness white“ and „grey“ defined as „having the same chromacity as the
315:
and is unable to describe every real color. As
Knowledge templates take a hex triplet as input, all colors must have a value in the sRGB range. Fitting a color into the range is known as
645:
This coordinate system is problematic, because programs that accept this system use several different ranges of numbers on input. Some of these are listed in the table below.
253:
Most image editing programs accept this range. Therefore, RGB should be entered into image editing programs wherever possible because it rarely (if ever) requires conversion.
793:
466:
in order to create a particular color. In
Knowledge, the coordinates are presented as four numbers separated by commas, as in this example for the color orange:
296:. This coordinate system should not require any conversion; it should be able to be used directly in HTML source as, for example, in this
615:
The second number, the saturation (color intensity), ranges from 0% to 100%, with 100% indicating a very intense color and 0% indicating
771:
If a source truly only provides a
Microsoft HSL input and if you cannot find an alternate, convert it to sRGB. First divide the H by
490:). There are simply too many versions of CMYK around, with differences between inks (what does "cyan" look like?), paper (how much
40:
763:(hue, saturation, lightness) color coordinates in the range 0–240, 0–240, 0–240. These values are only a computer workaround and
681:
Strictly speaking, this conforms to the
Knowledge range, since 100% = 1.0. Divide saturation and value coordinates each by 100.
233:
In the infobox, the coordinates are presented as three numbers separated by commas, as in this example for the color orange:
187:(though some ranges may be prevalent). A box having all of the different possible coordinate ranges would be impractical.
609:
The coordinates within the parentheses provide, from left-to-right, the relative values of hue, saturation, and value.
754:
326:
207:
has been the standard version of RGB for the web since 1996. As an RGB system, it describes the amounts of
17:
564:
559:
230:
have one such parameter to, at the very least, show on the screen an idea of what the color looks like.
831:
809:"Why do Saturation and Luminance go all the way to 240, but Hue goes only to 239? And why 239 anyway?"
582:
433:
808:
751:
Most image editing programs probably accept the RGB value, which should also be more easily used.
494:, what color paper), machine, plus flexibilities in color blending. CMYK colors used in Knowledge
183:
Color coordinate ranges are a matter of choice and there is no universal standard range for many
612:
The first number, the hue, ranges from 0° to 359°. This defines the overall hue of the color.
172:
428:
256:
It is assumed that the exact meaning of the primary colors ("red" for example) is that of the
782:
288:
numbering. The hex triplet is based upon the standard format for representing colors within
194:
638:
be used on new articles because it does not provide any information beyond sRGB. See also
8:
414:
269:
781:, and the S and L by 2.4 to obtain normal HSL values. Then use any online tool (such as
639:
96:
463:
167:
759:
Many
Microsoft Windows programs (such as Microsoft Paint) provide inputs to accept
526:
273:
261:
50:
760:
673:
628:
624:
586:
570:
226:
together in order to create a particular color. Every color infobox on
Knowledge
578:
373:
358:
223:
177:
498:
come with a source and what kind of configuration the source is referring to.
825:
316:
247:
486:
recommended in new articles except for colors only meaningful in CMYK (e.g.
199:
422:
346:
126:
306:
285:
184:
88:
413:
color possible under daylight. Sources may specify colors in some other
598:
590:
487:
100:
394:
describes the colorfulness and can range from 0 to a couple hundreds.
342:
279:
122:
491:
335:
311:
Created to describe a typical 1990s CRT screen, sRGB has a limited
115:
727:
Multiply hue by 0.71; multiply saturation and value each by 2.55
455:
443:
293:
447:
354:
631:, on the other hand, only white can have a lightness of 100%.
451:
320:
312:
219:
212:
69:
745:
Divide hue by 360; divide saturation and value each by 100
616:
439:
421:
using established algorithms such as those provided by the
289:
257:
243:
216:
204:
73:
61:
787:
794:
Knowledge:WikiProject Color/Sources for Color
Coordinates
574:
459:
357:
space, usually based on the 2° observer and the standard
350:
208:
130:
92:
65:
276:) correction formula from the sRGB standard is in use.
438:
The CMYK coordinates describe the amounts of each of
619:(that is, being completely neutral or without hue).
341:
is a perceptually uniform color space consisting of
534:Divide each of the Knowledge coordinates by 100.
823:
284:This is a compact representation of sRGB, using
242:numbers 0 through 255 fit naturally within one
573:coordinates describe a color in terms of the
272:D65“) are near 188,188,188, assuming the γ (
176:(sample shown) and also in articles such as
166:Knowledge uses a standardized set of color
246:and are therefore used to directly drive
14:
824:
660:Converting from Knowledge coordinates
513:Converting from Knowledge coordinates
372:is an angle that is normally given in
806:
353:coordinates. It is derived from the
319:. The current practice is to use an
23:
502:CMYK Coordinate System Variations
417:, which can be converted to CIELCh
303:style="background-color:#FFA500;"
24:
843:
807:Chen, Raymond (13 October 2015).
649:HSV Coordinate System Variations
323:interpretation scaled to 0-255.
39:
647:
560:Systems that should not be used
500:
264:is in use. This color space is
800:
13:
1:
397:Colors out of the sRGB gamut
292:, which is used to construct
409:value is enough to describe
260:standard, and that the sRGB
29:Sample color Information Box
7:
640:HSL and HSV § Disadvantages
518:0–1.0, 0–1.0, 0–1.0, 0–1.0
18:Knowledge:WikiProject Color
10:
848:
784:) to convert HSL to sRGB.
744:
737:Java AWT (development kit)
734:
731:
726:
716:
713:
708:
685:
680:
667:
664:
552:
540:0–100, 0–100, 0–100, 0–100
538:
533:
520:
517:
479:due to the reason below.)
429:Systems conditionally used
160:: Normalized to (hundred)
687:0°–360°, 0%–100%, 0%–100%
656:
653:
509:
506:
195:Recommended color systems
151:
143:
113:
86:
59:
49:
37:
33:
28:
659:
512:
423:python package "colour"
361:representing daylight.
155:: Normalized to (byte)
701:Photoshop image editor
665:0°–360°, 0–1.0, 0–1.0
589:, both represented as
694:Knowledge coordinates
547:Knowledge coordinates
755:Microsoft HSL inputs
732:0–1.0, 0–1.0, 0–1.0
714:0–255, 0–255, 0–255
719:Linux image editors
704:Apple image editors
650:
503:
415:uniform color space
270:standard illuminant
648:
581:, combined with a
501:
462:) which are mixed
380:* is in the range
168:coordinate systems
832:WikiProject Color
813:The Old New Thing
749:
748:
740:Blender 3D editor
698:Gimp image editor
654:Coordinate Group
605:(39°, 100%, 100%)
557:
556:
507:Coordinate Group
164:
163:
108:(39°, 100%, 100%)
45:Color coordinates
839:
817:
816:
804:
780:
779:
775:
722:KDE image editor
670:Mathematic basis
651:
523:Mathematic basis
504:
434:CMYK coordinates
401:specify a CIELCh
383:
139:
134:
109:
104:
82:
77:
44:
43:
26:
25:
847:
846:
842:
841:
840:
838:
837:
836:
822:
821:
820:
805:
801:
790:
777:
773:
772:
757:
629:HSL color space
625:RGB color space
571:HSV color space
567:
565:HSV coordinates
562:
470:(0, 35, 100, 0)
436:
431:
420:
408:
405:value. A CIELCh
404:
393:
381:
371:
339:
333:
330:
309:
304:
282:
202:
197:
137:
119:
114:
107:
87:
80:
60:
38:
22:
21:
20:
12:
11:
5:
845:
835:
834:
819:
818:
798:
797:
796:
789:
786:
756:
753:
747:
746:
743:
742:
741:
738:
733:
729:
728:
725:
724:
723:
720:
715:
711:
710:
707:
706:
705:
702:
699:
696:
689:
683:
682:
679:
678:
677:
671:
666:
662:
661:
658:
655:
607:
606:
597:is similar to
566:
563:
561:
558:
555:
554:
551:
550:
549:
542:
536:
535:
532:
531:
530:
524:
519:
515:
514:
511:
508:
472:
471:
435:
432:
430:
427:
418:
406:
402:
389:
367:
359:Illuminant D65
337:
332:
328:
325:
308:
305:
302:
281:
278:
262:gamma function
248:graphics cards
239:
238:
201:
198:
196:
193:
178:List of colors
162:
161:
156:
149:
148:
145:
141:
140:
138:(75, 105, 45°)
135:
117:
111:
110:
105:
84:
83:
78:
57:
56:
53:
47:
46:
35:
34:
31:
30:
15:
9:
6:
4:
3:
2:
844:
833:
830:
829:
827:
814:
810:
803:
799:
795:
792:
791:
785:
783:
769:
766:
762:
752:
739:
736:
735:
730:
721:
718:
717:
712:
709:None needed.
703:
700:
697:
695:
692:
691:
690:
688:
684:
675:
669:
668:
663:
652:
646:
643:
641:
637:
632:
630:
626:
620:
618:
613:
610:
604:
603:
602:
600:
596:
592:
588:
584:
580:
576:
572:
553:None needed.
548:
545:
544:
543:
541:
537:
528:
522:
521:
516:
505:
499:
497:
493:
489:
485:
480:
476:
469:
468:
467:
465:
464:subtractively
461:
457:
453:
449:
445:
441:
426:
424:
416:
412:
400:
395:
392:
387:
379:
375:
370:
366:
362:
360:
356:
352:
348:
344:
340:
324:
322:
318:
317:gamut mapping
314:
307:Gamut mapping
301:
299:
295:
291:
287:
277:
275:
271:
267:
263:
259:
254:
251:
249:
245:
237:(255, 165, 0)
236:
235:
234:
231:
229:
225:
221:
218:
214:
210:
206:
192:
188:
186:
181:
179:
175:
174:
173:color infobox
169:
159:
154:
150:
147:Sample source
146:
142:
136:
132:
128:
124:
120:
112:
106:
102:
98:
94:
90:
85:
81:(255, 165, 0)
79:
75:
71:
67:
63:
58:
54:
52:
48:
42:
36:
32:
27:
19:
812:
802:
770:
765:should never
764:
758:
750:
693:
686:
644:
635:
633:
621:
614:
611:
608:
594:
568:
546:
539:
495:
483:
481:
477:
473:
437:
410:
398:
396:
390:
385:
377:
368:
364:
363:
334:
310:
297:
283:
265:
255:
252:
240:
232:
227:
203:
189:
185:color spaces
182:
171:
165:
157:
152:
591:percentages
577:, given as
331:coordinates
300:attribute:
286:hexadecimal
280:Hex triplet
51:Hex triplet
636:should not
599:brightness
583:saturation
488:rich black
222:which are
458:(such as
450:and key (
382:0 to +100
343:lightness
826:Category
788:See also
676:article)
529:article)
492:dot gain
482:CMYK is
456:pigments
294:webpages
579:degrees
444:magenta
374:degrees
55:#FFA500
657:Usage
627:. In
585:and a
510:Usage
448:yellow
399:should
355:CIELUV
347:chroma
336:CIELCh
327:CIELCh
215:, and
144:Source
116:CIELCh
672:(see
595:Value
587:value
525:(see
452:black
321:scRGB
313:gamut
298:style
274:gamma
224:added
220:light
213:green
16:<
634:HSV
617:grey
569:The
527:CMYK
496:must
460:inks
440:cyan
349:and
290:HTML
258:sRGB
244:byte
228:must
217:blue
205:sRGB
200:sRGB
62:sRGB
761:HSL
674:HSV
593:. (
575:hue
484:not
411:any
351:hue
266:not
250:.)
209:red
180:.
170:in
89:HSV
828::
811:.
642:.
454:)
446:,
442:,
425:.
419:uv
407:uv
403:uv
391:uv
384:.
376:.
369:uv
345:,
338:uv
329:uv
211:,
129:,
125:,
118:uv
99:,
95:,
72:,
68:,
815:.
778:3
776:⁄
774:2
388:*
386:C
378:L
365:h
158:H
153:B
133:)
131:h
127:C
123:L
121:(
103:)
101:v
97:s
93:h
91:(
76:)
74:b
70:g
66:r
64:(
Text is available under the Creative Commons Attribution-ShareAlike License. Additional terms may apply.