色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#5d3125
グラデーションカラーコード
d6cbc8 | cec1bd | c6b6b2 | beaca7 | b6a29c |
ae9892 | a58d87 | 9d837c | 957971 | 8d6e66 |
85645b | 7d5a50 | 754f45 | 6d453a | 653b2f |
582e23 | 532c21 | 4f291f | 4a271d | 45241b |
412219 | 3c1f18 | 371d16 | 331a14 | 2e1812 |
291610 | 25130e | 20110c | 1b0e0b | 170c09 |
おすすめカラーパターン
大地の記録
何億年も前からの大地の記録が層になった地層。その地層を連想させるような色。太古に思いを馳せて使いたい。
一番ポピュラーなブラウン
赤土のような色。鉄分を多く含んだ粘土の色
明るい基本的なグレー
焦げたような茶色
砂を連想させる色
暗くもなく明るくもない中間的なグレー
恐竜が生きた時代を思わせる深いブラウン
青みがかった冷たい感じのグレー
古代を連想させるブラック
Dot
Checkered pattern
stripe
似ている色
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #5d3125. </span>
HTML上にstyleで直接書く
<span style="color:#5d3125"> この色は #5d3125. </span>
CSSの適用
この色は #5d3125.
RGB（３原色）の値
Language list