色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#e54f44
グラデーションカラーコード
f8d3d0 | f7cac6 | f5c1bd | f4b8b4 | f3afaa |
f2a7a1 | f09e98 | ef958e | ee8c85 | ec837c |
eb7b72 | ea7269 | e86960 | e76056 | e6574d |
d94b40 | ce473d | c24339 | b73f36 | ab3b33 |
a0372f | 94332c | 892f28 | 7d2b25 | 722722 |
67231e | 5b1f1b | 501b17 | 441714 | 391311 |
おすすめカラーパターン
トロピカルフルーツ
パイナップル、パパイヤ、ライチ、マンゴスチン。南国の強い日差しを浴びて美味しそうに実ったフルーツ。
そんなフルーツの鮮やかな色を使うと、とても華やかなイメージになります。
南国の鮮やかな海のような、透明感のあるブルー
黄色ともオレンジとも違う、パパイヤの実の色
独特な外観と、独特な味で、見た目はとても刺激的な赤
あふれんばかりのジューシーな果肉か詰まった、みずみずしいオレンジ
ジュースやジャムにぴったりなグアバの実の、新鮮な赤
強い日差しを受けて綺麗な黄色に育ったバナナの色
果肉までがゴールドのキウイを連想させる酸っぱい色
キウイの果肉の清々しいグリーン
南国のフルーツたちを育む、立派な葉を思わせるグリーン
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #e54f44. </span>
HTML上にstyleで直接書く
<span style="color:#e54f44"> この色は #e54f44. </span>
CSSの適用
この色は #e54f44.
RGB（３原色）の値
Language list