色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#ffb51f
グラデーションカラーコード
ffecc7 | ffe8bb | ffe5b0 | ffe1a5 | ffdd9a |
ffda8f | ffd683 | ffd278 | ffce6d | ffcb62 |
ffc757 | ffc34b | ffc040 | ffbc35 | ffb82a |
f2ab1d | e5a21b | d8991a | cc9018 | bf8717 |
b27e15 | a57514 | 996c12 | 8c6311 | 7f5a0f |
72510d | 66480c | 593f0a | 4c3609 | 3f2d07 |
おすすめカラーパターン
トロピカルフルーツ
パイナップル、パパイヤ、ライチ、マンゴスチン。南国の強い日差しを浴びて美味しそうに実ったフルーツ。
そんなフルーツの鮮やかな色を使うと、とても華やかなイメージになります。
南国の鮮やかな海のような、透明感のあるブルー
黄色ともオレンジとも違う、パパイヤの実の色
独特な外観と、独特な味で、見た目はとても刺激的な赤
あふれんばかりのジューシーな果肉か詰まった、みずみずしいオレンジ
ジュースやジャムにぴったりなグアバの実の、新鮮な赤
強い日差しを受けて綺麗な黄色に育ったバナナの色
果肉までがゴールドのキウイを連想させる酸っぱい色
キウイの果肉の清々しいグリーン
南国のフルーツたちを育む、立派な葉を思わせるグリーン
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #ffb51f. </span>
HTML上にstyleで直接書く
<span style="color:#ffb51f"> この色は #ffb51f. </span>
CSSの適用
この色は #ffb51f.
RGB（３原色）の値
Language list