色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#4a5146
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d1d3d0 | c8cac7 | bfc2be | b6b9b5 | adb0ab |
a4a8a2 | 9b9f99 | 929690 | 898d86 | 80857d |
777c74 | 6e736b | 656b61 | 5c6258 | 53594f |
464c42 | 42483f | 3e443b | 3b4038 | 373c34 |
333831 | 30342d | 2c302a | 282c26 | 252823 |
21241f | 1d201c | 191c18 | 161815 | 121411 |
似ている色
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作成
.color4a5146{ color : #4a5146; }
CSSの利用例
<span class="color4a5146"> This color is #4a5146. </span>
HTML上にstyleで直接書く
<span style="color:#4a5146"> この色は #4a5146. </span>
CSSの適用
この色は #4a5146.
RGB(3原色)の値
R : 74
G : 81
B : 70