色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#5a651c
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
d5d8c6 | cdd0ba | c5c9af | bdc1a4 | b4b998 |
acb28d | a4aa82 | 9ca276 | 939a6b | 8b9360 |
838b54 | 7b8349 | 727c3e | 6a7432 | 626c27 |
555f1a | 515a19 | 4c5517 | 485016 | 434b15 |
3f4613 | 3a4112 | 363c10 | 31370f | 2d320e |
282d0c | 24280b | 1f2309 | 1b1e08 | 161907 |
似ている色
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作成
.color5a651c{ color : #5a651c; }
CSSの利用例
<span class="color5a651c"> This color is #5a651c. </span>
HTML上にstyleで直接書く
<span style="color:#5a651c"> この色は #5a651c. </span>
CSSの適用
この色は #5a651c.
RGB(3原色)の値
R : 90
G : 101
B : 28