色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#e24048
グラデーションカラーコード
f7cfd1 | f6c5c8 | f4bcbe | f3b2b5 | f1a9ac |
f09fa3 | ef959a | ed8c91 | ec8288 | ea797e |
e96f75 | e7666c | e65c63 | e4535a | e34951 |
d63c44 | cb3940 | c0363d | b43339 | a93036 |
9e2c32 | 92292e | 87262b | 7c2327 | 712024 |
651c20 | 5a191c | 4f1619 | 431315 | 381012 |
おすすめカラーパターン
トロピカルフルーツ
パイナップル、パパイヤ、ライチ、マンゴスチン。南国の強い日差しを浴びて美味しそうに実ったフルーツ。
そんなフルーツの鮮やかな色を使うと、とても華やかなイメージになります。
南国の鮮やかな海のような、透明感のあるブルー
黄色ともオレンジとも違う、パパイヤの実の色
独特な外観と、独特な味で、見た目はとても刺激的な赤
あふれんばかりのジューシーな果肉か詰まった、みずみずしいオレンジ
ジュースやジャムにぴったりなグアバの実の、新鮮な赤
強い日差しを受けて綺麗な黄色に育ったバナナの色
果肉までがゴールドのキウイを連想させる酸っぱい色
キウイの果肉の清々しいグリーン
南国のフルーツたちを育む、立派な葉を思わせるグリーン
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #e24048. </span>
HTML上にstyleで直接書く
<span style="color:#e24048"> この色は #e24048. </span>
CSSの適用
この色は #e24048.
RGB（３原色）の値
Language list