色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#baccb1
この色は、ウェブサイトで使用できます（テキストの色、背面の色など）。
グラデーションカラーコード
edf2eb | eaefe7 | e6ede3 | e3eadf | dfe8db |
dce5d8 | d9e2d4 | d5e0d0 | d2ddcc | cedbc8 |
cbd8c4 | c7d6c0 | c4d3bc | c0d1b8 | bdceb4 |
b0c1a8 | a7b79f | 9ead96 | 94a38d | 8b9984 |
828e7b | 788473 | 6f7a6a | 667061 | 5d6658 |
535b4f | 4a5146 | 41473d | 373d35 | 2e332c |
似ている色
| 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作成
.colorbaccb1{
color : #baccb1;
}
CSSの利用例
<span class="colorbaccb1"> This color is #baccb1. </span>
HTML上にstyleで直接書く
<span style="color:#baccb1"> この色は #baccb1. </span>
CSSの適用
この色は #baccb1.
RGB（３原色）の値
R : 186
G : 204
B : 177