色の森:カラーコードの辞書
WEBで使えるカラーコード一覧と、そのグラデーションコード
カラーコードを、写真の中から確認できます。実際に写真の中にあるこのカラーコードと、その周辺のカラーコードを調べることができます。#97a0a8
グラデーションカラーコード
e5e7e9 | dfe2e4 | dadde0 | d5d9dc | d0d4d7 |
cbcfd3 | c5cacf | c0c6ca | bbc1c6 | b6bcc2 |
b1b7bd | abb3b9 | a6aeb5 | a1a9b0 | 9ca4ac |
8f989f | 879097 | 80888e | 788086 | 71787e |
697075 | 62686d | 5a6064 | 53585c | 4b5054 |
43484b | 3c4043 | 34383a | 2d3032 | 25282a |
おすすめカラーパターン
月明かりの夜の色
フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。
薄っすらと青を感じさせる暗い夜の影の色
闇の中に浮かび上がる青は、冷たさと怖さを感じさせる
夜の暗さも忘れさせるような濃い霧の色
夜明けの朝、闇が途切れて暗闇が終わりを告げるころの静かな空気の色
獣たちも寝静まる、暗い夜の色
墓標に使われる石の色は、冷たく悲しげ
月の光は闇夜を明るく照らし出す
月にかかる霧は暗い夜を連れてくる
月の影の色は、月の見えない闇の恐怖を連想させる
Dot
Checkered pattern
stripe
似ている色
| lightblue add8e6 |
powderblue b0e0e6 |
afeeee |
lightcyan e0ffff |
cyan 00ffff |
| aqua 00ffff |
turquoise 40e0d0 |
48d1cc |
00ced1 |
20b2aa |
このカラーコードを使っている写真を見てみる
CSS作成
.color{
color : #;
}
CSSの利用例
<span class="color"> This color is #97a0a8. </span>
HTML上にstyleで直接書く
<span style="color:#97a0a8"> この色は #97a0a8. </span>
CSSの適用
この色は #97a0a8.
RGB（３原色）の値
Language list