色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#bead5f
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
eeead7 | ebe6cf | e8e2c7 | e5debf | e1dab7 |
ded6af | dbd1a7 | d8cd9f | d4c997 | d1c58f |
cec187 | cbbd7f | c7b977 | c4b56f | c1b167 |
b4a45a | ab9b55 | a19350 | 988a4c | 8e8147 |
857942 | 7b703d | 726739 | 685f34 | 5f562f |
554d2a | 4c4526 | 423c21 | 39331c | 2f2b17 |
似ている色
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作成
.colorbead5f{ color : #bead5f; }
CSSの利用例
<span class="colorbead5f"> This color is #bead5f. </span>
HTML上にstyleで直接書く
<span style="color:#bead5f"> この色は #bead5f. </span>
CSSの適用
この色は #bead5f.
RGB(3原色)の値
R : 190
G : 173
B : 95