色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#c7c4d3
グラデーションカラーコード
f1f0f4 | eeedf1 | ebeaef | e8e7ed | e5e4eb |
e3e1e9 | e0dee6 | dddbe4 | dad8e2 | d7d5e0 |
d5d2de | d2cfdb | cfccd9 | ccc9d7 | c9c6d5 |
bdbac8 | b3b0bd | a9a6b3 | 9f9ca8 | 95939e |
8b8993 | 817f89 | 77757e | 6d6b74 | 636269 |
59585e | 4f4e54 | 454449 | 3b3a3f | 313134 |
おすすめカラーパターン
大地の記録
何億年も前からの大地の記録が層になった地層。その地層を連想させるような色。太古に思いを馳せて使いたい。
一番ポピュラーなブラウン
赤土のような色。鉄分を多く含んだ粘土の色
明るい基本的なグレー
焦げたような茶色
砂を連想させる色
暗くもなく明るくもない中間的なグレー
恐竜が生きた時代を思わせる深いブラウン
青みがかった冷たい感じのグレー
古代を連想させるブラック
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #c7c4d3. </span>
HTML上にstyleで直接書く
<span style="color:#c7c4d3"> この色は #c7c4d3. </span>
CSSの適用
この色は #c7c4d3.
RGB（３原色）の値
Language list