Kolory bezpieczne

Wybierając kolor tekstu czy tła na projektowanej stronie www warto się zastanowić, jak dany kolor będzie wyświetlany w różnych przeglądarkach, a nawet systemach operacyjnych. Pamiętać należy, że kolory w systemie Windows nie są takie same jak w systemie Macintosh lub Linux. Inaczej też mogą wyświetlać kolory różne przeglądarki internetowe. Dlatego też stworzono bezpieczną paletę kolorów składającą się z 216 barw, które na każdym urządzeniu są wyświetlane w ten sam sposób.

Poniżej paleta 216 bezpiecznych kolorów

HEX	R	G	B
#000000	0	0	0
#000033	0	0	51
#000066	0	0	102
#000099	0	0	153
#0000cc	0	0	204
#0000ff	0	0	255
#003300	0	51	0
#003333	0	51	51
#003366	0	51	102
#003399	0	51	153
#0033cc	0	51	204
#0033ff	0	51	255
#006600	0	102	0
#006633	0	102	51
#006666	0	102	102
#006699	0	102	153
#0066cc	0	102	204
#0066ff	0	102	255
#009900	0	153	0
#009933	0	153	51
#009966	0	153	102
#009999	0	153	153
#0099cc	0	153	204
#0099ff	0	153	255
#00cc00	0	204	0
#00cc33	0	204	51
#00cc66	0	204	102
#00cc99	0	204	153
#00cccc	0	204	204
#00ccff	0	204	255
#00ff00	0	255	0
#00ff33	0	255	51
#00ff66	0	255	102
#00ff99	0	255	153
#00ffcc	0	255	204
#00ffff	0	255	255
#330000	51	0	0
#330033	51	0	51
#330066	51	0	102
#330099	51	0	153
#3300cc	51	0	204
#3300ff	51	0	255
#333300	51	51	0
#333333	51	51	51
#333366	51	51	102
#333399	51	51	153
#3333cc	51	51	204
#3333ff	51	51	255
#336600	51	102	0
#336633	51	102	51
#336666	51	102	102
#336699	51	102	153
#3366cc	51	102	204
#3366ff	51	102	255
#339900	51	153	0
#339933	51	153	51
#339966	51	153	102
#339999	51	153	153
#3399cc	51	153	204
#3399ff	51	153	255
#33cc00	51	204	0
#33cc33	51	204	51
#33cc66	51	204	102
#33cc99	51	204	153
#33cccc	51	204	204
#33ccff	51	204	255
#33ff00	51	255	0
#33ff33	51	255	51
#33ff66	51	255	102
#33ff99	51	255	153
#33ffcc	51	255	204
#33ffff	51	255	255
#660000	102	0	0
#660033	102	0	51
#660066	102	0	102
#660099	102	0	153
#6600cc	102	0	204
#6600ff	102	0	255
#663300	102	51	0
#663333	102	51	51
#663366	102	51	102
#663399	102	51	153
#6633cc	102	51	204
#6633ff	102	51	255
#666600	102	102	0
#666633	102	102	51
#666666	102	102	102
#666699	102	102	153
#6666cc	102	102	204
#6666ff	102	102	255
#669900	102	153	0
#669933	102	153	51
#669966	102	153	102
#669999	102	153	153
#6699cc	102	153	204
#6699ff	102	153	255
#66cc00	102	204	0
#66cc33	102	204	51
#66cc66	102	204	102
#66cc99	102	204	153
#66cccc	102	204	204
#66ccff	102	204	255
#66ff00	102	255	0
#66ff33	102	255	51
#66ff66	102	255	102
#66ff99	102	255	153
#66ffcc	102	255	204
#66ffff	102	255	255
#990000	153	0	0
#990033	153	0	51
#990066	153	0	102
#990099	153	0	153
#9900cc	153	0	204
#9900ff	153	0	255
#993300	153	51	0
#993333	153	51	51
#993366	153	51	102
#993399	153	51	153
#9933cc	153	51	204
#9933ff	153	51	255
#996600	153	102	0
#996633	153	102	51
#996666	153	102	102
#996699	153	102	153
#9966cc	153	102	204
#9966ff	153	102	255
#999900	153	153	0
#999933	153	153	51
#999966	153	153	102
#999999	153	153	153
#9999cc	153	153	204
#9999ff	153	153	255
#99cc00	153	204	0
#99cc33	153	204	51
#99cc66	153	204	102
#99cc99	153	204	153
#99cccc	153	204	204
#99ccff	153	204	255
#99ff00	153	255	0
#99ff33	153	255	51
#99ff66	153	255	102
#99ff99	153	255	153
#99ffcc	153	255	204
#99ffff	153	255	255
#cc0000	204	0	0
#cc0033	204	0	51
#cc0066	204	0	102
#cc0099	204	0	153
#cc00cc	204	0	204
#cc00ff	204	0	255
#cc3300	204	51	0
#cc3333	204	51	51
#cc3366	204	51	102
#cc3399	204	51	153
#cc33cc	204	51	204
#cc33ff	204	51	255
#cc6600	204	102	0
#cc6633	204	102	51
#cc6666	204	102	102
#cc6699	204	102	153
#cc66cc	204	102	204
#cc66ff	204	102	255
#cc9900	204	153	0
#cc9933	204	153	51
#cc9966	204	153	102
#cc9999	204	153	153
#cc99cc	204	153	204
#cc99ff	204	153	255
#cccc00	204	204	0
#cccc33	204	204	51
#cccc66	204	204	102
#cccc99	204	204	153
#cccccc	204	204	204
#ccccff	204	204	255
#ccff00	204	255	0
#ccff33	204	255	51
#ccff66	204	255	102
#ccff99	204	255	153
#ccffcc	204	255	204
#ccffff	204	255	255
#ff0000	255	0	0
#ff0033	255	0	51
#ff0066	255	0	102
#ff0099	255	0	153
#ff00cc	255	0	204
#ff00ff	255	0	255
#ff3300	255	51	0
#ff3333	255	51	51
#ff3366	255	51	102
#ff3399	255	51	153
#ff33cc	255	51	204
#ff33ff	255	51	255
#ff6600	255	102	0
#ff6633	255	102	51
#ff6666	255	102	102
#ff6699	255	102	153
#ff66cc	255	102	204
#ff66ff	255	102	255
#ff9900	255	153	0
#ff9933	255	153	51
#ff9966	255	153	102
#ff9999	255	153	153
#ff99cc	255	153	204
#ff99ff	255	153	255
#ffcc00	255	204	0
#ffcc33	255	204	51
#ffcc66	255	204	102
#ffcc99	255	204	153
#ffcccc	255	204	204
#ffccff	255	204	255
#ffff00	255	255	0
#ffff33	255	255	51
#ffff66	255	255	102
#ffff99	255	255	153
#ffffcc	255	255	204
#ffffff	255	255	255

Kolory w Internecie

Bezpieczna paleta kolorów składa się z 216 odcieni. Można je łatwo obliczyć samemu, ponieważ w systemie dziesiętnym są one wielokrotnością liczby 51 (0, 51, 102, 153, 204, 255), a w systemie szesnastkowych (heksadecymalnym) wielokrotnością liczby 33 (00, 33, 66, 99, CC, FF ). Skąd wzięła się akurat liczba 51? Otóż jest to 20% z 255.