色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#f8e300
グラデーションカラーコード
fdf8bf | fcf6b2 | fcf5a5 | fcf399 | fbf28c |
fbf17f | fbef72 | faee66 | faec59 | faeb4c |
f9ea3f | f9e833 | f9e726 | f8e519 | f8e40c |
ebd700 | dfcc00 | d2c000 | c6b500 | baaa00 |
ad9e00 | a19300 | 948800 | 887c00 | 7c7100 |
6f6600 | 635a00 | 564f00 | 4a4400 | 3e3800 |
おすすめカラーパターン
熱帯の海の魚たち
南の島、パラオ、バリ島、セブ島、グレートバリアリーフ、小笠原諸島、それぞれの島の周辺には、色とりどりの熱帯魚たちがいます。
そんな魚たちに囲まれている気分になれるような色。色と一緒に、南の島に旅立ちましょう。
オーストラリアのグレートバリアリーフのような色
海の中を想像してしまう深い海の青
熱帯魚のオレンジ
熱帯の海のイソギンチャクを想像させる色
Butterflyfishのような鮮やかなイエロー
熱帯魚の縞模様を連想させる黒
熱帯の海を泳ぐ銀色の魚たちのような色
白い珊瑚礁のような優しい白
海の中から見上げた空のようなブルー
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 #f8e300. </span>
HTML上にstyleで直接書く
<span style="color:#f8e300"> この色は #f8e300. </span>
CSSの適用
この色は #f8e300.
RGB(3原色)の値
Language list