色の森:カラーコードの辞書

WEBで使えるカラーコード一覧と、そのグラデーションコード

カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。

#edc59a

#edc59a

グラデーションカラーコード


faf0e5

f9ede0

f8eadb

f7e7d6

f6e4d1

f6e2cc

f5dfc7

f4dcc2

f3d9bd

f2d6b8

f1d3b3

f0d0ae

efcda9

eecaa4

edc79f

e1bb92

d5b18a

c9a782

bd9d7b

b19373

a5896b

9a8064

8e765c

826c54

76624d

6a5845

5e4e3d

524435

473b2e

3b3126


おすすめカラーパターン

ゴールドに魅せられて

ゴールド。富の象徴として常に絶対的な位置にある色。カラーコードで表現するのは難しいが、このパターンを組み合わせることで光り輝くゴールドを表現しましょう。

鮮やかな黄色の強いゴールド
インカ帝国の遺跡に見られるような、太古から変わらないゴールド
薄暗い中でも輝きを見せるゴールド


アクセサリーなどに使われることが多い、ピンクがかったゴールド
重厚さと深みを感じさせるゴールド
目が覚めるほどに光り輝くゴールド


白に近いが、高級感を感じさせるゴールド
コーラルピンクとゴールドを合わせたようなゴールド
より深い色合いで、ゴールドの重みを感じさせる色



Dot









Checkered pattern









stripe










似ている色

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作成

				.color{
	color : #;
}
				

CSSの利用例

<span class="color">
This color is #edc59a.
</span>
				


HTML上にstyleで直接書く

	<span style="color:#edc59a">
	この色は #edc59a.
	</span>
				


CSSの適用
この色は #edc59a.



RGB(3原色)の値

R : 237
G : 197
B : 154






トップに戻る

Color Floresta.

Language list