色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#70ae22
グラデーションカラーコード
dbeac7 | d4e6bc | cce2b1 | c5dea6 | beda9b |
b7d690 | b0d285 | a9ce7a | a2ca6f | 9ac664 |
93c259 | 8cbe4e | 85ba43 | 7eb638 | 77b22d |
6aa520 | 649c1e | 5f931c | 598b1b | 548219 |
4e7917 | 487116 | 436814 | 3d5f12 | 385711 |
324e0f | 2c450d | 273c0b | 21340a | 1c2b08 |
おすすめカラーパターン
トロピカルフルーツ
パイナップル、パパイヤ、ライチ、マンゴスチン。南国の強い日差しを浴びて美味しそうに実ったフルーツ。
そんなフルーツの鮮やかな色を使うと、とても華やかなイメージになります。
南国の鮮やかな海のような、透明感のあるブルー
黄色ともオレンジとも違う、パパイヤの実の色
独特な外観と、独特な味で、見た目はとても刺激的な赤
あふれんばかりのジューシーな果肉か詰まった、みずみずしいオレンジ
ジュースやジャムにぴったりなグアバの実の、新鮮な赤
強い日差しを受けて綺麗な黄色に育ったバナナの色
果肉までがゴールドのキウイを連想させる酸っぱい色
キウイの果肉の清々しいグリーン
南国のフルーツたちを育む、立派な葉を思わせるグリーン
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #70ae22. </span>
HTML上にstyleで直接書く
<span style="color:#70ae22"> この色は #70ae22. </span>
CSSの適用
この色は #70ae22.
RGB（３原色）の値
Language list