色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#937f50
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e4dfd3 | ded8ca | d9d2c1 | d3cbb9 | cec5b0 |
c9bfa7 | c3b89e | beb296 | b8ab8d | b3a584 |
ae9f7b | a89873 | a3926a | 9d8b61 | 988558 |
8b784c | 847248 | 7c6b44 | 756540 | 6e5f3c |
665838 | 5f5234 | 584c30 | 50452c | 493f28 |
423924 | 3a3220 | 332c1c | 2c2618 | 241f14 |
似ている色
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作成
.color937f50{ color : #937f50; }
CSSの利用例
<span class="color937f50"> This color is #937f50. </span>
HTML上にstyleで直接書く
<span style="color:#937f50"> この色は #937f50. </span>
CSSの適用
この色は #937f50.
RGB(3原色)の値
R : 147
G : 127
B : 80