色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#1d4060
グラデーションカラーコード
c6cfd7 | bbc5cf | afbcc7 | a4b2bf | 99a9b7 |
8e9faf | 8295a7 | 778c9f | 6c8297 | 60798f |
556f87 | 4a667f | 3e5c77 | 33536f | 284967 |
1b3c5b | 1a3956 | 183651 | 17334c | 153048 |
142c43 | 12293e | 112639 | 0f2334 | 0e2030 |
0d1c2b | 0b1926 | 0a1621 | 08131c | 071018 |
おすすめカラーパターン
月明かりの夜の色
フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。
薄っすらと青を感じさせる暗い夜の影の色
闇の中に浮かび上がる青は、冷たさと怖さを感じさせる
夜の暗さも忘れさせるような濃い霧の色
夜明けの朝、闇が途切れて暗闇が終わりを告げるころの静かな空気の色
獣たちも寝静まる、暗い夜の色
墓標に使われる石の色は、冷たく悲しげ
月の光は闇夜を明るく照らし出す
月にかかる霧は暗い夜を連れてくる
月の影の色は、月の見えない闇の恐怖を連想させる
Dot
Checkered pattern
stripe
似ている色
b0c4de |
778899 |
slategray 708090 |
steelblue 4682b4 |
royalblue 4169e1 |
191970 |
navy 000080 |
darkblue 00008b |
0000cd |
blue 0000ff |
1e90ff |
6495ed |
00bfff |
87cefa |
skyblue 87ceeb |
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #1d4060. </span>
HTML上にstyleで直接書く
<span style="color:#1d4060"> この色は #1d4060. </span>
CSSの適用
この色は #1d4060.
RGB（３原色）の値
Language list