色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#857a60
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e0ddd7 | dad7cf | d4d0c7 | cec9bf | c8c3b7 |
c2bcaf | bbb5a7 | b5af9f | afa897 | a9a18f |
a39b87 | 9d947f | 978d77 | 91876f | 8b8067 |
7e735b | 776d56 | 716751 | 6a614c | 635b48 |
5d5543 | 564f3e | 4f4939 | 494334 | 423d30 |
3b362b | 353026 | 2e2a21 | 27241c | 211e18 |
似ている色
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作成
.color857a60{ color : #857a60; }
CSSの利用例
<span class="color857a60"> This color is #857a60. </span>
HTML上にstyleで直接書く
<span style="color:#857a60"> この色は #857a60. </span>
CSSの適用
この色は #857a60.
RGB(3原色)の値
R : 133
G : 122
B : 96