色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#889b60
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
e1e6d7 | dbe1cf | d5dcc7 | cfd7bf | c9d2b7 |
c3cdaf | bdc8a7 | b7c39f | b1be97 | abb98f |
a5b487 | 9faf7f | 99aa77 | 93a56f | 8da067 |
81935b | 7a8b56 | 738351 | 6c7c4c | 667448 |
5f6c43 | 58643e | 515d39 | 4a5534 | 444d30 |
3d452b | 363e26 | 2f3621 | 282e1c | 222618 |
似ている色
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作成
.color889b60{ color : #889b60; }
CSSの利用例
<span class="color889b60"> This color is #889b60. </span>
HTML上にstyleで直接書く
<span style="color:#889b60"> この色は #889b60. </span>
CSSの適用
この色は #889b60.
RGB(3原色)の値
R : 136
G : 155
B : 96