色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#655e47
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d8d6d1 | d0cec7 | c9c6be | c1beb5 | b9b6ac |
b2aea3 | aaa699 | a29e90 | 9a9687 | 938e7e |
8b8675 | 837e6b | 7c7662 | 746e59 | 6c6650 |
5f5943 | 5a543f | 554f3c | 504b38 | 4b4635 |
464131 | 413d2e | 3c382a | 373327 | 322f23 |
2d2a1f | 28251c | 232018 | 1e1c15 | 191711 |
似ている色
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作成
.color655e47{ color : #655e47; }
CSSの利用例
<span class="color655e47"> This color is #655e47. </span>
HTML上にstyleで直接書く
<span style="color:#655e47"> この色は #655e47. </span>
CSSの適用
この色は #655e47.
RGB(3原色)の値
R : 101
G : 94
B : 71