色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#f4dce8
グラデーションカラーコード
fcf6f9 | fbf4f8 | fbf2f6 | faf1f5 | faeff4 |
f9edf3 | f8ebf2 | f8eaf1 | f7e8f0 | f7e6ee |
f6e4ed | f6e3ec | f5e1eb | f5dfea | f4dde9 |
e7d1dc | dbc6d0 | cfbbc5 | c3b0b9 | b7a5ae |
aa9aa2 | 9e8f96 | 92848b | 86797f | 7a6e74 |
6d6368 | 61585c | 554d51 | 494245 | 3d373a |
おすすめカラーパターン
Candy Factory
甘い香りがいっぱいに広がるcandy factory
ピーチ、ラズベリー、グレープ、ミント。
色とりどりの可愛いcandyは、見てるだけでも癒される
3原色の一つ。イタリアの地名に由来
目の覚めるようなあざやかなピンク
桜の花のような淡くはかなげなピンク
優しい色味を感じさせるピンク
バラのような華やかなレッド
あざやかなアジサイのようなバイオレット
酸っぱいレモンを想像してしまうようなイエロー
透明感のある透き通ったブルー
新緑の生まれたばかりの葉を感じさせるグリーン
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{ color : #; }
CSSの利用例
<span class="color"> This color is #f4dce8. </span>
HTML上にstyleで直接書く
<span style="color:#f4dce8"> この色は #f4dce8. </span>
CSSの適用
この色は #f4dce8.
RGB(3原色)の値
Language list