色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#bdb76b darkkhaki
この色は英語の名前も設定されている、ウェブサイトで安全に使用できる色です。
グラデーションカラーコード
eeedda | ebe9d2 | e7e5cb | e4e2c3 | e1debc |
dedbb5 | dad7ad | d7d3a6 | d4d09e | d0cc97 |
cdc990 | cac588 | c6c181 | c3be79 | c0ba72 |
b3ad65 | aaa460 | a09b5a | 979255 | 8d8950 |
84804a | 7a7645 | 716d40 | 67643a | 5e5b35 |
555230 | 4b492a | 424025 | 383620 | 2f2d1a |
似ている色
| darkkhaki bdb76b |
eee8aa |
cornsilk fff8dc |
beige f5f5dc |
ffffe0 |
fafad2 |
fffacd |
wheat f5deb3 |
burlywood deb887 |
tan d2b48c |
| khaki f0e68c |
yellow ffff00 |
gold ffd700 |
pink ffc0cb |
f4a460 |
このカラーコードを使っている写真を見てみる
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.darkkhaki{
color : #bdb76b;
}
または
.darkkhaki {
color : darkkhaki;
}
CSSの利用例
<span class="darkkhaki"> This color is darkkhaki. </span>
HTML上にstyleで直接書く
<span style="color:darkkhaki"> この色は darkkhaki. </span>
CSSの適用
この色は darkkhaki.
RGB（３原色）の値
R : 189
G : 183
B : 107