色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#525c4e
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d3d6d2 | cbcec9 | c2c5c1 | b9bdb8 | b1b5af |
a8ada6 | 9fa59d | 979d94 | 8e958b | 858c83 |
7d847a | 747c71 | 6b7468 | 636c5f | 5a6456 |
4d574a | 495246 | 454e42 | 41493e | 3d453a |
394036 | 353b32 | 31372e | 2d322a | 292e27 |
242923 | 20241f | 1c201b | 181b17 | 141713 |
似ている色
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作成
.color525c4e{ color : #525c4e; }
CSSの利用例
<span class="color525c4e"> This color is #525c4e. </span>
HTML上にstyleで直接書く
<span style="color:#525c4e"> この色は #525c4e. </span>
CSSの適用
この色は #525c4e.
RGB(3原色)の値
R : 82
G : 92
B : 78