色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#2d3029
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
cacbc9 | c0c0be | b5b6b4 | abaca9 | a0a19e |
969794 | 8b8d89 | 81827e | 767873 | 6c6e69 |
61635e | 575953 | 4c4f49 | 42443e | 373a33 |
2a2d26 | 282b24 | 262822 | 242620 | 21241e |
1f211c | 1d1f1a | 1b1c18 | 181a16 | 161814 |
141512 | 121310 | 0f100e | 0d0e0c | 0b0c0a |
似ている色
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作成
.color2d3029{ color : #2d3029; }
CSSの利用例
<span class="color2d3029"> This color is #2d3029. </span>
HTML上にstyleで直接書く
<span style="color:#2d3029"> この色は #2d3029. </span>
CSSの適用
この色は #2d3029.
RGB(3原色)の値
R : 45
G : 48
B : 41