写真をクリックしてその周辺のカラーコードを表示
いいね！
2
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
ecf0f5 | e8edf3 | e4ebf2 | e1e8f0 | dde5ee |
d9e2ec | d5dfea | d2dce8 | ced9e6 | cad7e5 |
c6d4e3 | c3d1e1 | bfcedf | bbcbdd | b7c8db |
abbccf | a2b2c4 | 99a8b9 | 909eae | 8794a3 |
7e8a98 | 75808d | 6c7682 | 636c77 | 5a636d |
515962 | 484f57 | 3f454c | 363b41 | 2d3136 |
おすすめカラーパターン
> 月明かりの夜の色
フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。
薄っすらと青を感じさせる暗い夜の影の色
闇の中に浮かび上がる青は、冷たさと怖さを感じさせる
夜の暗さも忘れさせるような濃い霧の色
夜明けの朝、闇が途切れて暗闇が終わりを告げるころの静かな空気の色
獣たちも寝静まる、暗い夜の色
墓標に使われる石の色は、冷たく悲しげ
月の光は闇夜を明るく照らし出す
月にかかる霧は暗い夜を連れてくる
月の影の色は、月の見えない闇の恐怖を連想させる
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorb4c6da{
color : #b4c6da;
}
CSSの利用例
<span class="colorb4c6da"> This color is #b4c6da. </span>
HTML上にstyleで直接書く
<span style="color:#b4c6da"> この色は #b4c6da. </span>
CSSの適用
この色は #b4c6da.
RGB（３原色）の値
Language list