カラーネーム140色

CSS3で指定出来る140色をまとめてみました。
カラーネームでの指定はブラウザによっては表示出来ないものもありますので、基本的には数値で指定をします。

white
#FFFFFF
255 255 255
whitesmoke
#F5F5F5
245 245 245
ghostwhite
#F8F8FF
248 248 255
aliceblue
#F0F8FF
240 248 255
lavendar
#E6E6FA
230 230 250
azure
#F0FFFF
240 255 255
lightcyan
#E0FFFF
224 255 255
mintcream
#F5FFFA
245 255 250
honeydew
#F0FFF0
240 255 240
ivory
#FFFFF0
255 255 240
beige
#F5F5DC
245 245 220
lightyellow
#FFFFE0
255 255 224
lightgoldenrodyellow
#FAFAD2
250 250 210
lemonchiffon
#FFFACD
255 250 205
floralwhite
#FFFAF0
255 250 240
oldlace
#FDF5E6
253 245 230
cornsilk
#FFF8DC
255 248 220
papayawhite
#FFEFD5
255 239 213
blanchedalmond
#FFEBCD
255 235 205
bisque
#FFE4C4
255 228 196
snow
#FFFAFA
255 250 250
linen
#FAF0E6
250 240 230
antiquewhite
#FAEBD7
250 235 215
seashell
#FFF5EE
255 245 238
lavenderblush
#FFF0F5
255 240 245
mistyrose
#FFE4E1
255 228 225
gainsboro
#DCDCDC
220 220 220
lightgray
#D3D3D3
211 211 211
lightsteelblue
#B0C4DE
176 196 222
lightblue
#ADD8E6
173 216 230
lightskyblue
#87CEFA
135 206 250
powderblue
#B0E0E6
176 224 230
paleturquoise
#AFEEEE
175 238 238
skyblue
#87CEEB
135 206 235
mediumaquamarine
#66CDAA
102 205 170
aquamarine
#7FFFD4
127 255 212
palegreen
#98FB98
152 251 152
lightgreen
#90EE90
144 238 144
khaki
#F0E68C
240 230 140
palegoldenrod
#EEE8AA
238 232 170
moccasin
#FFE4B5
255 228 181
navajowhite
#FFDEAD
255 222 173
peachpuff
#FFDAB9
255 218 185
wheat
#F5DEB3
245 222 179
pink
#FFC0CB
255 192 203
lightpink
#FFB6C1
255 182 193
thistle
#D8BFD8
216 191 216
plum
#DDA0DD
221 160 221
silver
#C0C0C0
192 192 192
darkgray
#A9A9A9
169 169 169
lightslategray
#778899
119 136 153
slategray
#708090
112 128 144
slateblue
#6A5ACD
106 90 205
steelblue
#4682B4
70 130 180
mediumslateblue
#7B68EE
123 104 238
royalblue
#4169E1
65 105 225
blue
#0000FF
0 0 255
dodgerblue
#1E90FF
30 144 255
cornflowerblue
#6495ED
100 149 237
deepskyblue
#00BFFF
0 191 255
cyan
#00FFFF
0 255 255
aqua
#00FFFF
0 255 255
turquoise
#40E0D0
64 224 208
mediumturquoise
#48D1CC
72 209 204
darkturquoise
#00CED1
0 206 209
lightseagreen
#20B2AA
32 178 170
mediumspringgreen
#00FA9A
0 250 154
springgreen
#00FF7F
0 255 127
lime
#00FF00
0 255 0
limegreen
#32CD32
50 205 50
yellowgreen
#9ACD32
154 205 50
lawngreen
#7CFC00
124 252 0
chartreuse
#7FFF00
127 255 0
greenyellow
#ADFF2F
173 255 47
yellow
#FFFF00
255 255 0
gold
#FFD700
255 215 0
orange
#FFA500
255 165 0
darkorange
#FF8C00
255 140 0
goldenrod
#DAA520
218 165 32
burlywood
#DEB887
222 184 135
tan
#D2B48C
210 180 140
sandybrown
#F4A460
244 164 96
darksalmon
#E9967A
233 150 122
lightcoral
#F08080
240 128 128
salmon
#FA8072
250 128 114
lightsalmon
#FFA07A
255 160 122
coral
#FF7F50
255 127 80
tomato
#FF6347
255 99 71
orangered
#FF4500
255 69 0
red
#FF0000
255 0 0
deeppink
#FF1493
255 20 147
hotpink
#FF69B4
255 105 180
palevioletred
#DB7093
219 112 147
violet
#EE82EE
238 130 238
orchid
#DA70D6
218 112 214
magenta
#FF00FF
255 0 255
fuchsia
#FF00FF
255 0 255
mediumorchid
#BA55D3
186 85 211
darkorchid
#9932CC
153 50 204
darkviolet
#9400D3
148 0 211
blueviolet
#8A2BE2
138 43 226
mediumpurple
#9370DB
147 112 219
gray
#808080
128 128 128
mediumblue
#0000CD
0 0 205
darkcyan
#008B8B
0 139 139
cadetblue
#5F9EA0
95 158 160
darkseagreen
#8FBC8F
143 188 143
mediumseagreen
#3CB371
60 179 113
teal
#008080
0 128 128
forestgreen
#228B22
34 139 34
seagreen
#2E8B57
46 139 87
darkkhaki
#BDB76B
189 183 107
peru
#CD853F
205 133 63
crimsin
#DC143C
220 20 60
indianred
#CD5C5C
205 92 92
rosybrown
#BC8F8F
188 143 143
mediumvioletred
#C71585
199 21 133
dimgray
#696969
105 105 105
black
#000000
0 0 0
midnightblue
#191970
25 25 112
darkslateblue
#483D8B
72 61 139
darkblue
#00008B
0 0 139
navy
#000080
0 0 128
darkslategray
#2F4F4F
47 79 79
green
#008000
0 128 0
darkgreen
#006400
0 100 0
darkolivegreen
#556B2F
85 107 47
olivedrab
#6B8E23
107 142 35
olive
#808000
128 128 0
darkgoldenrod
#B8860B
184 134 11
chocolate
#D2691E
210 105 30
sienna
#A0522D
160 82 45
saddlebrown
#8B4513
139 69 19
firebrick
#B22222
178 34 34
brown
#A52A2A
165 42 42
maroon
#800000
128 0 0
darkred
#8B0000
139 0 0
darkmagenta
#8B008B
139 0 139
purple
#800080
128 0 128
indigo
#4B0082
75 0 130

ワードプレスの基本ループ

データベースから記事に関するデータを読み込んで処理するためには、ループと呼ばれる設定をします。ループ内にテンプレートタグを記述することで、読み込んだ記事に関するデータを出力することができます。ループは大きく分けてメインループとサブループがあります。

メインループ

メインループはURLの指示に従ってワードプレスが自動的にデータベースから読み込むデータを処理します。
例えば、トップページでは管理画面で指定した件数の最新記事、カテゴリーページでは当該カテゴリーに属する記事、また個別ページでは記事に関するデータなどを処理することができます。

<?php if (have_posts()): ?>
<?php while (have_posts()) : the_post(); ?>
・・・テンプレートタグを記述・・・  
<?php endwhile; ?>
<?php else: ?>
<!-- 投稿が無い場合の処理 -->
<?php endif; ?>

サブループget_posts()

サブループは、指定した条件と一致した記事に関するデータを読み込んで処理します。
条件はget_posts()のパラメータで指定します。また、サブループはカスタムループと呼ばれることもあります。


<?php
$mypost = get_posts(array(
'post_type' => 'post',
'post_per_page' => '5'
));
if($mypost) :?>
<?php foreach($mypost as $post):setup_postdata($post);?>
・・・テンプレートタグを記述・・・    
<?php endforeach;?>
<?php wp_reset_postdata(); endif;?>

webセーブカラー

webセーブカラーとは

Web セーフカラーとは、ブラウザや OS の種類に関係なく、Web ページで常に表示できる 216 色のカラーのことです。
Web セーフカラーのみを使用して画像を作成した場合、Web ブラウザーで表示する限り、常に正確に表示されることになります。

 

#FFFFFF
(255 255 255)
#FFFFCC
(255 255 204)
#FFFF99
(255 255 153)
#FFFF66
(255 255 102)
#FFFF33
(255 255 51)
#FFFF00
(255 255 0)
#FFCCFF
(255 204 255)
#FFCCCC
(255 204 204)
#FFCC99
(255 204 153)
#FFCC66
(255 204 102)
#FFCC33
(255 204 51)
#FFCC00
(255 204 0)
#FF99FF
(255 153 255)
#FF99CC
(255 153 204)
#FF9999
(255 153 153)
#FF9966
(255 153 102)
#FF9933
(255 153 51)
#FF9900
(255 153 0)
#FF66FF
(255 102 255)
#FF66CC
(255 102 204)
#FF6699
(255 102 153)
#FF6666
(255 102 102)
#FF6633
(255 102 51)
#FF6600
(255 102 0)
#FF33FF
(255 51 255)
#FF33CC
(255 51 204)
#FF3399
(255 51 153)
#FF3366
(255 51 102)
#FF3333
(255 51 51)
#FF3300
(255 51 0)
#FF00FF
(255 0 255)
#FF00CC
(255 0 204)
#FF0099
(255 0 153)
#FF0066
(255 0 102)
#FF0033
(255 0 51)
#FF0000
(255 0 0)
#CCFFFF
(204 255 255)
#CCFFCC
(204 255 204)
#CCFF99
(204 255 153)
#CCFF66
(204 255 102)
#CCFF33
(204 255 51)
#CCFF00
(204 255 0)
#CCCCFF
(204 204 255)
#CCCCCC
(204 204 204)
#CCCC99
(204 204 153)
#CCCC66
(204 204 102)
#CCCC33
(204 204 51)
#CCCC00
(204 204 0)
#CC99FF
(204 153 255)
#CC99CC
(204 153 204)
#CC9999
(204 153 153)
#CC9966
(204 153 102)
#CC9933
(204 153 51)
#CC9900
(204 153 0)
#CC66FF
(204 102 255)
#CC66CC
(204 102 204)
#CC6699
(204 102 153)
#CC6666
(204 102 102)
#CC6633
(204 102 51)
#CC6600
(204 102 0)
#CC33FF
(204 51 255)
#CC33CC
(204 51 204)
#CC3399
(204 51 153)
#CC3366
(204 51 102)
#CC3333
(204 51 51)
#CC3300
(204 51 0)
#CC00FF
(204 0 255)
#CC00CC
(204 0 204)
#CC0099
(204 0 153)
#CC0066
(204 0 102)
#CC0033
(204 0 51)
#CC0000
(204 0 0)
#99FFFF
(153 255 255)
#99FFCC
(153 255 204)
#99FF99
(153 255 153)
#99FF66
(153 255 102)
#99FF33
(153 255 51)
#99FF00
(153 255 0)
#99CCFF
(153 204 255)
#99CCCC
(153 204 204)
#99CC99
(153 204 153)
#99CC66
(153 204 102)
#99CC33
(153 204 51)
#99CC00
(153 204 0)
#9999FF
(153 153 255)
#9999CC
(153 153 204)
#999999
(153 153 153)
#999966
(153 153 102)
#999933
(153 153 51)
#999900
(153 153 0)
#9966FF
(153 102 255)
#9966CC
(153 102 204)
#996699
(153 102 153)
#996666
(153 102 102)
#996633
(153 102 51)
#996600
(153 102 0)
#9933FF
(153 51 255)
#9933CC
(153 51 204)
#993399
(153 51 153)
#993366
(153 51 102)
#993333
(153 51 51)
#993300
(153 51 0)
#9900FF
(153 0 255)
#9900CC
(153 0 204)
#990099
(153 0 153)
#990066
(153 0 102)
#990033
(153 0 51)
#990000
(153 0 0)
#66FFFF
(102 255 255)
#66FFCC
(102 255 204)
#66FF99
(102 255 153)
#66FF66
(102 255 102)
#66FF33
(102 255 51)
#66FF00
(102 255 0)
#66CCFF
(102 204 255)
#66CCCC
(102 204 204)
#66CC99
(102 204 153)
#66CC66
(102 204 102)
#66CC33
(102 204 51)
#66CC00
(102 204 0)
#6699FF
(102 153 255)
#6699CC
(102 153 204)
#669999
(102 153 153)
#669966
(102 153 102)
#669933
(102 153 51)
#669900
(102 153 0)
#6666FF
(102 102 255)
#6666CC
(102 102 204)
#666699
(102 102 153)
#666666
(102 102 102)
#666633
(102 102 51)
#666600
(102 102 0)
#6633FF
(102 51 255)
#6633CC
(102 51 204)
#663399
(102 51 153)
#663366
(102 51 102)
#663333
(102 51 51)
#663300
(102 51 0)
#6600FF
(102 0 255)
#6600CC
(102 00 204)
#660099
(102 00 153)
#660066
(102 00 102)
#660033
(102 00 51)
#660000
(102 00 0)
#33FFFF
(51 255 255)
#33FFCC
(51 255 204)
#33FF99
(51 255 153)
#33FF66
(51 255 102)
#33FF33
(51 255 51)
#33FF00
(51 255 0)
#33CCFF
(51 204 255)
#33CCCC
(51 204 204)
#33CC99
(51 204 153)
#33CC66
(51 204 102)
#33CC33
(51 204 51)
#33CC00
(51 204 0)
#33CCFF
(51 153 255)
#33CCCC
(51 153 204)
#33CC99
(51 153 153)
#33CC66
(51 153 102)
#33CC33
(51 153 51)
#33CC00
(51 153 0)
#3399FF
(51 153 255)
#3399CC
(51 153 204)
#339999
(51 153 153)
#339966
(51 153 102)
#339933
(51 153 51)
#339900
(51 153 0)
#3366FF
(51 102 255)
#3366CC
(51 102 204)
#336699
(51 102 153)
#336666
(51 102 102)
#336633
(51 102 51)
#336600
(51 102 0)
#3333FF
(51 51 255)
#3333CC
(51 51 204)
#333399
(51 51 153)
#333366
(51 51 102)
#333333
(51 51 51)
#333300
(51 51 0)
#3300FF
(51 0 255)
#3300CC
(51 0 204)
#330099
(51 0 153)
#330066
(51 0 102)
#330033
(51 0 51)
#330000
(51 0 0)
#00FFFF
(0 255 255)
#00FFCC
(0 255 204)
#00FF99
(0 255 153)
#00FF66
(0 255 102)
#00FF33
(0 255 51)
#00FF00
(0 255 0)
#00CCFF
(0 204 255)
#00CCCC
(0 204 204)
#00CC99
(0 204 153)
#00CC66
(0 204 102)
#00CC33
(0 204 51)
#00CC00
(0 204 0)
#0099FF
(0 204 255)
#0099CC
(0 204 204)
#009999
(0 204 153)
#009966
(0 204 102)
#009933
(0 204 51)
#009900
(0 204 0)
#0099FF
(0 153 255)
#0099CC
(0 153 204)
#009999
(0 153 153)
#009966
(0 153 102)
#009933
(0 153 51)
#009900
(0 153 0)
#0066FF
(0 102 255)
#0066CC
(0 102 204)
#006699
(0 102 153)
#006666
(0 102 102)
#006633
(0 102 51)
#006600
(0 102 0)
#0033FF
(0 51 255)
#0033CC
(0 51 204)
#003399
(0 51 153)
#003366
(0 51 102)
#003333
(0 51 51)
#003300
(0 51 0)
#0000FF
(0 0 255)
#0000CC
(0 0 204)
#000099
(0 0 153)
#000066
(0 0 102)
#000033
(0 0 51)
#000000
(0 0 0)

 

025-257-7720