色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#e24547
グラデーションカラーコード
f7d0d1 | f6c7c7 | f4bdbe | f3b4b5 | f1abac |
f0a2a3 | ef9899 | ed8f90 | ec8687 | ea7c7e |
e97375 | e76a6b | e66062 | e45759 | e34e50 |
d64143 | cb3e3f | c03a3c | b43738 | a93335 |
9e3031 | 922c2e | 87292a | 7c2527 | 712223 |
651f1f | 5a1b1c | 4f1818 | 431415 | 381111 |
おすすめカラーパターン
トロピカルフルーツ
パイナップル、パパイヤ、ライチ、マンゴスチン。南国の強い日差しを浴びて美味しそうに実ったフルーツ。
そんなフルーツの鮮やかな色を使うと、とても華やかなイメージになります。
南国の鮮やかな海のような、透明感のあるブルー
黄色ともオレンジとも違う、パパイヤの実の色
独特な外観と、独特な味で、見た目はとても刺激的な赤
あふれんばかりのジューシーな果肉か詰まった、みずみずしいオレンジ
ジュースやジャムにぴったりなグアバの実の、新鮮な赤
強い日差しを受けて綺麗な黄色に育ったバナナの色
果肉までがゴールドのキウイを連想させる酸っぱい色
キウイの果肉の清々しいグリーン
南国のフルーツたちを育む、立派な葉を思わせるグリーン
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #e24547. </span>
HTML上にstyleで直接書く
<span style="color:#e24547"> この色は #e24547. </span>
CSSの適用
この色は #e24547.
RGB（３原色）の値
Language list