色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードが、実際に写真の中で使われているところを確認できます。その写真にあるカラーコードのポイントから、関連するカラーコードを探すことができます。#2a3322
この色は、ウェブサイトで使用できます(テキストの色、背面の色など)。
グラデーションカラーコード
c9ccc7 | bfc1bc | b4b7b1 | a9ada6 | 9fa39b |
949990 | 898e85 | 7f847a | 747a6f | 697064 |
5f6659 | 545b4e | 495143 | 3f4738 | 343d2d |
273020 | 252d1e | 232b1c | 21281b | 1f2619 |
1d2317 | 1b2116 | 191e14 | 171c12 | 151911 |
12160f | 10140d | 0e110b | 0c0f0a | 0a0c08 |
似ている色
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作成
.color2a3322{ color : #2a3322; }
CSSの利用例
<span class="color2a3322"> This color is #2a3322. </span>
HTML上にstyleで直接書く
<span style="color:#2a3322"> この色は #2a3322. </span>
CSSの適用
この色は #2a3322.
RGB(3原色)の値
R : 42
G : 51
B : 34