色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#697b52
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d9ded3 | d2d7cb | cad0c2 | c3cab9 | bbc3b1 |
b4bda8 | acb69f | a5af97 | 9da98e | 96a285 |
8e9c7d | 879574 | 7f8e6b | 788863 | 70815a |
63744d | 5e6e49 | 596845 | 546241 | 4e5c3d |
495639 | 444f35 | 3f4931 | 39432d | 343d29 |
2f3724 | 2a3120 | 242b1c | 1f2418 | 1a1e14 |
似ている色
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作成
.color697b52{ color : #697b52; }
CSSの利用例
<span class="color697b52"> This color is #697b52. </span>
HTML上にstyleで直接書く
<span style="color:#697b52"> この色は #697b52. </span>
CSSの適用
この色は #697b52.
RGB(3原色)の値
R : 105
G : 123
B : 82