色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#f5dcea
グラデーションカラーコード
fcf6f9 | fcf4f8 | fbf2f7 | fbf1f6 | faeff5 |
faedf4 | f9ebf3 | f9eaf2 | f8e8f1 | f8e6f0 |
f7e4ef | f7e3ee | f6e1ed | f6dfec | f5ddeb |
e8d1de | dcc6d2 | d0bbc6 | c4b0bb | b7a5af |
ab9aa3 | 9f8f98 | 93848c | 867980 | 7a6e75 |
6e6369 | 62585d | 554d51 | 494246 | 3d373a |
おすすめカラーパターン
Candy Factory
甘い香りがいっぱいに広がるcandy factory
ピーチ、ラズベリー、グレープ、ミント。
色とりどりの可愛いcandyは、見てるだけでも癒される
3原色の一つ。イタリアの地名に由来
目の覚めるようなあざやかなピンク
桜の花のような淡くはかなげなピンク
優しい色味を感じさせるピンク
バラのような華やかなレッド
あざやかなアジサイのようなバイオレット
酸っぱいレモンを想像してしまうようなイエロー
透明感のある透き通ったブルー
新緑の生まれたばかりの葉を感じさせるグリーン
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{ color : #; }
CSSの利用例
<span class="color"> This color is #f5dcea. </span>
HTML上にstyleで直接書く
<span style="color:#f5dcea"> この色は #f5dcea. </span>
CSSの適用
この色は #f5dcea.
RGB(3原色)の値
Language list