色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#45320f
グラデーションカラーコード
d0cbc3 | c7c1b7 | bdb7ab | b4ad9f | aba293 |
a29887 | 988e7b | 8f846f | 867963 | 7c6f57 |
73654b | 6a5b3f | 605033 | 574627 | 4e3c1b |
412f0e | 3e2d0d | 3a2a0c | 37280c | 33250b |
30230a | 2c2009 | 291e09 | 251b08 | 221907 |
1f1606 | 1b1406 | 181105 | 140f04 | 110c03 |
おすすめカラーパターン
アンティーク調の色合い
ゆっくりと時間が流れていた時代を思わせる、深みと落ち着きのある色。この色を使って、シックな雰囲気を漂わせましょう。
タバコの葉のような濃い褐色
歴史の中で積み重ねた重みを感じさせるブラウン
古い本の紙の色を思わせる色
今ではボルドーとしてメジャーになった色
子牛の革の色を思わせる、古さと若さが感じられる色
昔話に出てくる夜の森のような色
焼いたオリーブの色のようなブラック
グレーとベージュの中間の落ち着きのある色
コーヒー豆を思わせる、思わず匂いを嗅いでしまいたくなるようなブラウン
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{ color : #; }
CSSの利用例
<span class="color"> This color is #45320f. </span>
HTML上にstyleで直接書く
<span style="color:#45320f"> この色は #45320f. </span>
CSSの適用
この色は #45320f.
RGB(3原色)の値
Language list