HOME( takamiya.com TOP) > STUDY > INTERNET >

WEBセーフカラー(216色)

◆環境の考慮

ホームページを作成する時の参考に。

パソコンその他、インターネットを見る環境によって、色の見え方は微妙に違うようです。
特に、文字や背景などには、Windows と MAC のシステムに共通の色であるWEBセーフカラー(216色)を使うのが無難だそうです。
WEBセーフカラー以外を使った場合、色の置き換えが行われて、思った色と違う色で表示される可能性が有るそうです。

参考:背景色と文字色とのコントラスト

No.16進数表記
1 #000000 0 0 0
2 #000033 0 0 51
3 #000066 0 0102
4 #000099 0 0153
5 #0000CC 0 0204
6 #0000FF 0 0255
7 #003300 0 51 0
8 #003333 0 51 51
9 #003366 0 51102
10 #003399 0 51153
11 #0033CC 0 51204
12 #0033FF 0 51255
13 #006600 0102 0
14 #006633 0102 51
15 #006666 0102102
16 #006699 0102153
17 #0066CC 0102204
18 #0066FF 0102255
19 #009900 0153 0
20 #009933 0153 51
21 #009966 0153102
22 #009999 0153153
23 #0099CC 0153204
24 #0099FF 0153255
25 #00CC00 0204 0
26 #00CC33 0204 51
27 #00CC66 0204102
28 #00CC99 0204153
29 #00CCCC 0204204
30 #00CCFF 0204255
31 #00FF00 0255 0
32 #00FF33 0255 51
33 #00FF66 0255102
34 #00FF99 0255153
35 #00FFCC 0255204
36 #00FFFF 0255255

37 #330000 51 0 0
38 #330033 51 0 51
39 #330066 51 0102
40 #330099 51 0153
41 #3300CC 51 0204
42 #3300FF 51 0255
43 #333300 51 51 0
44 #333333 51 51 51
45 #333366 51 51102
46 #333399 51 51153
47 #3333CC 51 51204
48 #3333FF 51 51255
49 #336600 51102 0
50 #336633 51102 51
51 #336666 51102102
52 #336699 51102153
53 #3366CC 51102204
54 #3366FF 51102255
55 #339900 51153 0
56 #339933 51153 51
57 #339966 51153102
58 #339999 51153153
59 #3399CC 51153204
60 #3399FF 51153255
61 #33CC00 51204 0
62 #33CC33 51204 51
63 #33CC66 51204102
64 #33CC99 51204153
65 #33CCCC 51204204
66 #33CCFF 51204255
67 #33FF00 51255 0
68 #33FF33 51255 51
69 #33FF66 51255102
70 #33FF99 51255153
71 #33FFCC 51255204
72 #33FFFF 51255255

73 #660000102 0 0
74 #660033102 0 51
75 #660066102 0102
76 #660099102 0153
77 #6600CC102 0204
78 #6600FF102 0255
79 #663300102 51 0
80 #663333102 51 51
81 #663366102 51102
82 #663399102 51153
83 #6633CC102 51204
84 #6633FF102 51255
85 #666600102102 0
86 #666633102102 51
87 #666666102102102
88 #666699102102153
89 #6666CC102102204
90 #6666FF102102255
91 #669900102153 0
92 #669933102153 51
93 #669966102153102
94 #669999102153153
95 #6699CC102153204
96 #6699FF102153255
97 #66CC00102204 0
98 #66CC33102204 51
99 #66CC66102204102
100 #66CC99102204153
101 #66CCCC102204204
102 #66CCFF102204255
103 #66FF00102255 0
104 #66FF33102255 51
105 #66FF66102255102
106 #66FF99102255153
107 #66FFCC102255204
108 #66FFFF102255255

109 #990000153 0 0
110 #990033153 0 51
111 #990066153 0102
112 #990099153 0153
113 #9900CC153 0204
114 #9900FF153 0255
115 #993300153 51 0
116 #993333153 51 51
117 #993366153 51102
118 #993399153 51153
119 #9933CC153 51204
120 #9933FF153 51255
121 #996600153102 0
122 #996633153102 51
123 #996666153102102
124 #996699153102153
125 #9966CC153102204
126 #9966FF153102255
127 #999900153153 0
128 #999933153153 51
129 #999966153153102
130 #999999153153153
131 #9999CC153153204
132 #9999FF153153255
133 #99CC00153204 0
134 #99CC33153204 51
135 #99CC66153204102
136 #99CC99153204153
137 #99CCCC153204204
138 #99CCFF153204255
139 #99FF00153255 0
140 #99FF33153255 51
141 #99FF66153255102
142 #99FF99153255153
143 #99FFCC153255204
144 #99FFFF153255255

145 #CC0000204 0 0
146 #CC0033204 0 51
147 #CC0066204 0102
148 #CC0099204 0153
149 #CC00CC204 0204
150 #CC00FF204 0255
151 #CC3300204 51 0
152 #CC3333204 51 51
153 #CC3366204 51102
154 #CC3399204 51153
155 #CC33CC204 51204
156 #CC33FF204 51255
157 #CC6600204102 0
158 #CC6633204102 51
159 #CC6666204102102
160 #CC6699204102153
161 #CC66CC204102204
162 #CC66FF204102255
163 #CC9900204153 0
164 #CC9933204153 51
165 #CC9966204153102
166 #CC9999204153153
167 #CC99CC204153204
168 #CC99FF204153255
169 #CCCC00204204 0
170 #CCCC33204204 51
171 #CCCC66204204102
172 #CCCC99204204153
173 #CCCCCC204204204
174 #CCCCFF204204255
175 #CCFF00204255 0
176 #CCFF33204255 51
177 #CCFF66204255102
178 #CCFF99204255153
179 #CCFFCC204255204
180 #CCFFFF204255255

181 #FF0000255 0 0
182 #FF0033255 0 51
183 #FF0066255 0102
184 #FF0099255 0153
185 #FF00CC255 0204
186 #FF00FF255 0255
187 #FF3300255 51 0
188 #FF3333255 51 51
189 #FF3366255 51102
190 #FF3399255 51153
191 #FF33CC255 51204
192 #FF33FF255 51255
193 #FF6600255102 0
194 #FF6633255102 51
195 #FF6666255102102
196 #FF6699255102153
197 #FF66CC255102204
198 #FF66FF255102255
199 #FF9900255153 0
200 #FF9933255153 51
201 #FF9966255153102
202 #FF9999255153153
203 #FF99CC255153204
204 #FF99FF255153255
205 #FFCC00255204 0
206 #FFCC33255204 51
207 #FFCC66255204102
208 #FFCC99255204153
209 #FFCCCC255204204
210 #FFCCFF255204255
211 #FFFF00255255 0
212 #FFFF33255255 51
213 #FFFF66255255102
214 #FFFF99255255153
215 #FFFFCC255255204
216 #FFFFFF255255255

to TOP