色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#553a2f
グラデーションカラーコード
d4cdcb | ccc3c0 | c3bab6 | bbb0ab | b2a6a1 |
aa9c97 | a1928c | 998882 | 907e77 | 88756d |
7f6b63 | 776158 | 6e574e | 664d43 | 5d4339 |
50372c | 4c342a | 483127 | 442e25 | 3f2b23 |
3b2820 | 37251e | 33221c | 2e1f19 | 2a1d17 |
261a15 | 221712 | 1d1410 | 19110e | 150e0b |
おすすめカラーパターン
大地の記録
何億年も前からの大地の記録が層になった地層。その地層を連想させるような色。太古に思いを馳せて使いたい。
一番ポピュラーなブラウン
赤土のような色。鉄分を多く含んだ粘土の色
明るい基本的なグレー
焦げたような茶色
砂を連想させる色
暗くもなく明るくもない中間的なグレー
恐竜が生きた時代を思わせる深いブラウン
青みがかった冷たい感じのグレー
古代を連想させるブラック
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #553a2f. </span>
HTML上にstyleで直接書く
<span style="color:#553a2f"> この色は #553a2f. </span>
CSSの適用
この色は #553a2f.
RGB（３原色）の値
Language list