色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5a6250
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d5d7d3 | cdcfca | c5c8c1 | bdc0b9 | b4b8b0 |
acb0a7 | a4a89e | 9ca096 | 93988d | 8b9184 |
83897b | 7b8173 | 72796a | 6a7161 | 626958 |
555d4c | 515848 | 4c5344 | 484e40 | 43493c |
3f4438 | 3a3f34 | 363a30 | 31352c | 2d3128 |
282c24 | 242720 | 1f221c | 1b1d18 | 161814 |
似ている色
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作成
.color5a6250{ color : #5a6250; }
CSSの利用例
<span class="color5a6250"> This color is #5a6250. </span>
HTML上にstyleで直接書く
<span style="color:#5a6250"> この色は #5a6250. </span>
CSSの適用
この色は #5a6250.
RGB(3原色)の値
R : 90
G : 98
B : 80