色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#bda956
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
eee9d4 | ebe5cc | e7e0c3 | e4dcbb | e1d8b2 |
ded4aa | dacfa2 | d7cb99 | d4c791 | d0c288 |
cdbe80 | caba77 | c6b56f | c3b166 | c0ad5e |
b3a051 | aa984d | a08f49 | 978744 | 8d7e40 |
84763c | 7a6d37 | 716533 | 675c2f | 5e542b |
554c26 | 4b4322 | 423b1e | 383219 | 2f2a15 |
似ている色
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作成
.colorbda956{ color : #bda956; }
CSSの利用例
<span class="colorbda956"> This color is #bda956. </span>
HTML上にstyleで直接書く
<span style="color:#bda956"> この色は #bda956. </span>
CSSの適用
この色は #bda956.
RGB(3原色)の値
R : 189
G : 169
B : 86