Sigurne web boje
Pojam sigurnih boja za web, pojavio se u početnom razdoblju razvoja interneta i označavao je standardiziranu paletu od 216 boja koja su se ispravno prikazivale u najvažnijim web preglednicima.
Sigurne boje su više neformalni standard, a odabrane su jer ih je podržavala većina popularnih web preglednika i operacijskih sustava u vrijeme kada su zasloni računala bili ograničeni na 256 boja.
|
HEX |
RGB |
HSL |
|
#CCFF00 |
204, 255, 0 |
72, 100%, 50% |
|
#CCFF33 |
204, 255, 51 |
75, 100%, 60% |
|
#CCFF66 |
204, 255, 102 |
80, 100%, 70% |
|
#CCFF99 |
204, 255, 153 |
90, 100%, 80% |
|
#CCFFCC |
204, 255, 204 |
120, 100%, 90% |
|
#CCFFFF |
204, 255, 255 |
180, 100%, 90% |
|
#FFFFFF |
255, 255, 255 |
0, 0%, 100% |
|
#FFFFCC |
255, 255, 204 |
60, 100%, 90% |
|
#FFFF99 |
255, 255, 153 |
60, 100%, 80% |
|
#FFFF66 |
255, 255, 102 |
60, 100%, 70% |
|
#FFFF33 |
255, 255, 51 |
60, 100%, 60% |
|
#FFFF00 |
255, 255, 0 |
60, 100%, 50% |
|
HEX |
RGB |
HSL |
|
#CCCC00 |
204, 204, 0 |
60, 100%, 40% |
|
#CCCC33 |
204, 204, 51 |
60, 60%, 50% |
|
#CCCC66 |
204, 204, 102 |
60, 50%, 60% |
|
#CCCC99 |
204, 204, 153 |
60, 33%, 70% |
|
#CCCCCC |
204, 204, 204 |
0, 0%, 80% |
|
#CCCCFF |
204, 204, 255 |
240, 100%, 90% |
|
#FFCCFF |
255, 204, 255 |
300, 100%, 90% |
|
#FFCCCC |
255, 204, 204 |
0, 100%, 90% |
|
#FFCC99 |
255, 204, 153 |
30, 100%, 80% |
|
#FFCC66 |
255, 204, 102 |
40, 100%, 70% |
|
#FFCC33 |
255, 204, 51 |
45, 100%, 60% |
|
#FFCC00 |
255, 204, 0 |
48, 100%, 50% |
|
HEX |
RGB |
HSL |
|
#CC9900 |
204, 153, 0 |
45, 100%, 40% |
|
#CC9933 |
204, 153, 51 |
40, 60%, 50% |
|
#CC9966 |
204, 153, 102 |
30, 50%, 60% |
|
#CC9999 |
204, 153, 153 |
0, 33%, 70% |
|
#CC99CC |
204, 153, 204 |
300, 33%, 70% |
|
#CC99FF |
204, 153, 255 |
270, 100%, 80% |
|
#FF99FF |
255, 153, 255 |
300, 100%, 80% |
|
#FF99CC |
255, 153, 204 |
330, 100%, 80% |
|
#FF9999 |
255, 153, 153 |
0, 100%, 80% |
|
#FF9966 |
255, 153, 102 |
20, 100%, 70% |
|
#FF9933 |
255, 153, 51 |
30, 100%, 60% |
|
#FF9900 |
255, 153, 0 |
36, 100%, 50% |
|
HEX |
RGB |
HSL |
|
#CC6600 |
204, 102, 0 |
30, 100%, 40% |
|
#CC6633 |
204, 102, 51 |
20, 60%, 50% |
|
#CC6666 |
204, 102, 102 |
0, 50%, 60% |
|
#CC6699 |
204, 102, 153 |
330, 50%, 60% |
|
#CC66CC |
204, 102, 204 |
300, 50%, 60% |
|
#CC66FF |
204, 102, 255 |
280, 100%, 70% |
|
#FF66FF |
255, 102, 255 |
300, 100%, 70% |
|
#FF66CC |
255, 102, 204 |
320, 100%, 70% |
|
#FF6699 |
255, 102, 153 |
340, 100%, 70% |
|
#FF6666 |
255, 102, 102 |
0, 100%, 70% |
|
#FF6633 |
255, 102, 51 |
15, 100%, 60% |
|
#FF6600 |
255, 102, 0 |
24, 100%, 50% |
|
HEX |
RGB |
HSL |
|
#CC3300 |
204, 51, 0 |
15, 100%, 40% |
|
#CC3333 |
204, 51, 51 |
0, 60%, 50% |
|
#CC3366 |
204, 51, 102 |
340, 60%, 50% |
|
#CC3399 |
204, 51, 153 |
320, 60%, 50% |
|
#CC33CC |
204, 51, 204 |
300, 60%, 50% |
|
#CC33FF |
204, 51, 255 |
285, 100%, 60% |
|
#FF33FF |
255, 51, 255 |
300, 100%, 60% |
|
#FF33CC |
255, 51, 204 |
315, 100%, 60% |
|
#FF3399 |
255, 51, 153 |
330, 100%, 60% |
|
#FF3366 |
255, 51, 102 |
345, 100%, 60% |
|
#FF3333 |
255, 51, 51 |
0, 100%, 60% |
|
#FF3300 |
255, 51, 0 |
12, 100%, 50% |
|
HEX |
RGB |
HSL |
|
#CC0000 |
204, 0, 0 |
0, 100%, 40% |
|
#CC0033 |
204, 0, 51 |
345, 100%, 40% |
|
#CC0066 |
204, 0, 102 |
330, 100%, 40% |
|
#CC0099 |
204, 0, 153 |
315, 100%, 40% |
|
#CC00CC |
204, 0, 204 |
300, 100%, 40% |
|
#CC00FF |
204, 0, 255 |
288, 100%, 50% |
|
#FF00FF |
255, 0, 255 |
300, 100%, 50% |
|
#FF00CC |
255, 0, 204 |
312, 100%, 50% |
|
#FF0099 |
255, 0, 153 |
324, 100%, 50% |
|
#FF0066 |
255, 0, 102 |
336, 100%, 50% |
|
#FF0033 |
255, 0, 51 |
348, 100%, 50% |
|
#FF0000 |
255, 0, 0 |
0, 100%, 50% |
|
HEX |
RGB |
HSL |
|
#660000 |
102, 0, 0 |
0, 100%, 20% |
|
#660033 |
102, 0, 51 |
330, 100%, 20% |
|
#660066 |
102, 0, 102 |
300, 100%, 20% |
|
#660099 |
102, 0, 153 |
280, 100%, 30% |
|
#6600CC |
102, 0, 204 |
270, 100%, 40% |
|
#6600FF |
102, 0, 255 |
264, 100%, 50% |
|
#9900FF |
153, 0, 255 |
276, 100%, 50% |
|
#9900CC |
153, 0, 204 |
285, 100%, 40% |
|
#990099 |
153, 0, 153 |
300, 100%, 30% |
|
#990066 |
153, 0, 102 |
320, 100%, 30% |
|
#990033 |
153, 0, 51 |
340, 100%, 30% |
|
#990000 |
153, 0, 0 |
0, 100%, 30% |
|
HEX |
RGB |
HSL |
|
#663300 |
102, 51, 0 |
30, 100%, 20% |
|
#663333 |
102, 51, 51 |
0, 33%, 30% |
|
#663366 |
102, 51, 102 |
300, 33%, 30% |
|
#663399 |
102, 51, 153 |
270, 50%, 40% |
|
#6633CC |
102, 51, 204 |
260, 60%, 50% |
|
#6633FF |
102, 51, 255 |
255, 100%, 60% |
|
#9933FF |
153, 51, 255 |
270, 100%, 60% |
|
#9933CC |
153, 51, 204 |
280, 60%, 50% |
|
#993399 |
153, 51, 153 |
300, 50%, 40% |
|
#993366 |
153, 51, 102 |
330, 50%, 40% |
|
#993333 |
153, 51, 51 |
0, 50%, 40% |
|
#993300 |
153, 51, 0 |
20, 100%, 30% |
|
HEX |
RGB |
HSL |
|
#666600 |
102, 102, 0 |
60, 100%, 20% |
|
#666633 |
102, 102, 51 |
60, 33%, 30% |
|
#666666 |
102, 102, 102 |
0, 0%, 40% |
|
#666699 |
102, 102, 153 |
240, 20%, 50% |
|
#6666CC |
102, 102, 204 |
240, 50%, 60% |
|
#6666FF |
102, 102, 255 |
240, 100%, 70% |
|
#9966FF |
153, 102, 255 |
260, 100%, 70% |
|
#9966CC |
153, 102, 204 |
270, 50%, 60% |
|
#996699 |
153, 102, 153 |
300, 20%, 50% |
|
#996666 |
153, 102, 102 |
0, 20%, 50% |
|
#996633 |
153, 102, 51 |
30, 50%, 40% |
|
#996600 |
153, 102, 0 |
40, 100%, 30% |
|
HEX |
RGB |
HSL |
|
#669900 |
102, 153, 0 |
80, 100%, 30% |
|
#669933 |
102, 153, 51 |
90, 50%, 40% |
|
#669966 |
102, 153, 102 |
120, 20%, 50% |
|
#669999 |
102, 153, 153 |
180, 20%, 50% |
|
#6699CC |
102, 153, 204 |
210, 50%, 60% |
|
#6699FF |
102, 153, 255 |
220, 100%, 70% |
|
#9999FF |
153, 153, 255 |
240, 100%, 80% |
|
#9999CC |
153, 153, 204 |
240, 33%, 70% |
|
#999999 |
153, 153, 153 |
0, 0%, 60% |
|
#999966 |
153, 153, 102 |
60, 20%, 50% |
|
#999933 |
153, 153, 51 |
60, 50%, 40% |
|
#999900 |
153, 153, 0 |
60, 100%, 30% |
|
HEX |
RGB |
HSL |
|
#66CC00 |
102, 204, 0 |
90, 100%, 40% |
|
#66CC33 |
102, 204, 51 |
100, 60%, 50% |
|
#66CC66 |
102, 204, 102 |
120, 50%, 60% |
|
#66CC99 |
102, 204, 153 |
150, 50%, 60% |
|
#66CCCC |
102, 204, 204 |
180, 50%, 60% |
|
#66CCFF |
102, 204, 255 |
200, 100%, 70% |
|
#99CCFF |
153, 204, 255 |
210, 100%, 80% |
|
#99CCCC |
153, 204, 204 |
180, 33%, 70% |
|
#99CC99 |
153, 204, 153 |
120, 33%, 70% |
|
#99CC66 |
153, 204, 102 |
90, 50%, 60% |
|
#99CC33 |
153, 204, 51 |
80, 60%, 50% |
|
#99CC00 |
153, 204, 0 |
75, 100%, 40% |
|
HEX |
RGB |
HSL |
|
#66FF00 |
102, 255, 0 |
96, 100%, 50% |
|
#66FF33 |
102, 255, 51 |
105, 100%, 60% |
|
#66FF66 |
102, 255, 102 |
120, 100%, 70% |
|
#66FF99 |
102, 255, 153 |
140, 100%, 70% |
|
#66FFCC |
102, 255, 204 |
160, 100%, 70% |
|
#66FFFF |
102, 255, 255 |
180, 100%, 70% |
|
#99FFFF |
153, 255, 255 |
180, 100%, 80% |
|
#99FFCC |
153, 255, 204 |
150, 100%, 80% |
|
#99FF99 |
153, 255, 153 |
120, 100%, 80% |
|
#99FF66 |
153, 255, 102 |
100, 100%, 70% |
|
#99FF33 |
153, 255, 51 |
90, 100%, 60% |
|
#99FF00 |
153, 255, 0 |
84, 100%, 50% |
|
HEX |
RGB |
HSL |
|
#00FF00 |
0, 255, 0 |
120, 100%, 50% |
|
#00FF33 |
0, 255, 51 |
132, 100%, 50% |
|
#00FF66 |
0, 255, 102 |
144, 100%, 50% |
|
#00FF99 |
0, 255, 153 |
156, 100%, 50% |
|
#00FFCC |
0, 255, 204 |
168, 100%, 50% |
|
#00FFFF |
0, 255, 255 |
180, 100%, 50% |
|
#33FFFF |
51, 255, 255 |
180, 100%, 60% |
|
#33FFCC |
51, 255, 204 |
165, 100%, 60% |
|
#33FF99 |
51, 255, 153 |
150, 100%, 60% |
|
#33FF66 |
51, 255, 102 |
135, 100%, 60% |
|
#33FF33 |
51, 255, 51 |
120, 100%, 60% |
|
#33FF00 |
51, 255, 0 |
108, 100%, 50% |
|
HEX |
RGB |
HSL |
|
#00CC00 |
0, 204, 0 |
120, 100%, 40% |
|
#00CC33 |
0, 204, 51 |
135, 100%, 40% |
|
#00CC66 |
0, 204, 102 |
150, 100%, 40% |
|
#00CC99 |
0, 204, 153 |
165, 100%, 40% |
|
#00CCCC |
0, 204, 204 |
180, 100%, 40% |
|
#00CCFF |
0, 204, 255 |
192, 100%, 50% |
|
#33CCFF |
51, 204, 255 |
195, 100%, 60% |
|
#33CCCC |
51, 204, 204 |
180, 60%, 50% |
|
#33CC99 |
51, 204, 153 |
160, 60%, 50% |
|
#33CC66 |
51, 204, 102 |
140, 60%, 50% |
|
#33CC33 |
51, 204, 51 |
120, 60%, 50% |
|
#33CC00 |
51, 204, 0 |
105, 100%, 40% |
|
HEX |
RGB |
HSL |
|
#009900 |
0, 153, 0 |
120, 100%, 30% |
|
#009933 |
0, 153, 51 |
140, 100%, 30% |
|
#009966 |
0, 153, 102 |
160, 100%, 30% |
|
#009999 |
0, 153, 153 |
180, 100%, 30% |
|
#0099CC |
0, 153, 204 |
195, 100%, 40% |
|
#0099FF |
0, 153, 255 |
204, 100%, 50% |
|
#3399FF |
51, 153, 255 |
210, 100%, 60% |
|
#3399CC |
51, 153, 204 |
200, 60%, 50% |
|
#339999 |
51, 153, 153 |
180, 50%, 40% |
|
#339966 |
51, 153, 102 |
150, 50%, 40% |
|
#339933 |
51, 153, 51 |
120, 50%, 40% |
|
#339900 |
51, 153, 0 |
100, 100%, 30% |
|
HEX |
RGB |
HSL |
|
#006600 |
0, 102, 0 |
120, 100%, 20% |
|
#006633 |
0, 102, 51 |
150, 100%, 20% |
|
#006666 |
0, 102, 102 |
180, 100%, 20% |
|
#006699 |
0, 102, 153 |
200, 100%, 30% |
|
#0066CC |
0, 102, 204 |
210, 100%, 40% |
|
#0066FF |
0, 102, 255 |
216, 100%, 50% |
|
#3366FF |
51, 102, 255 |
225, 100%, 60% |
|
#3366CC |
51, 102, 204 |
220, 60%, 50% |
|
#336699 |
51, 102, 153 |
210, 50%, 40% |
|
#336666 |
51, 102, 102 |
180, 33%, 30% |
|
#336633 |
51, 102, 51 |
120, 33%, 30% |
|
#336600 |
51, 102, 0 |
90, 100%, 20% |
|
HEX |
RGB |
HSL |
|
#003300 |
0, 51, 0 |
120, 100%, 10% |
|
#003333 |
0, 51, 51 |
180, 100%, 10% |
|
#003366 |
0, 51, 102 |
210, 100%, 20% |
|
#003399 |
0, 51, 153 |
220, 100%, 30% |
|
#0033CC |
0, 51, 204 |
225, 100%, 40% |
|
#0033FF |
0, 51, 255 |
228, 100%, 50% |
|
#3333FF |
51, 51, 255 |
240, 100%, 60% |
|
#3333CC |
51, 51, 204 |
240, 60%, 50% |
|
#333399 |
51, 51, 153 |
240, 50%, 40% |
|
#333366 |
51, 51, 102 |
240, 33%, 30% |
|
#333333 |
51, 51, 51 |
0, 0%, 20% |
|
#333300 |
51, 51, 0 |
60, 100%, 10% |
|
HEX |
RGB |
HSL |
|
#000000 |
0, 0, 0 |
0, 0%, 0% |
|
#000033 |
0, 0, 51 |
240, 100%, 10% |
|
#000066 |
0, 0, 102 |
240, 100%, 20% |
|
#000099 |
0, 0, 153 |
240, 100%, 30% |
|
#0000CC |
0, 0, 204 |
240, 100%, 40% |
|
#0000FF |
0, 0, 255 |
240, 100%, 50% |
|
#3300FF |
51, 0, 255 |
252, 100%, 50% |
|
#3300CC |
51, 0, 204 |
255, 100%, 40% |
|
#330099 |
51, 0, 153 |
260, 100%, 30% |
|
#330066 |
51, 0, 102 |
270, 100%, 20% |
|
#330033 |
51, 0, 51 |
300, 100%, 10% |
|
#330000 |
51, 0, 0 |
0, 100%, 10% |
