写真をクリックしてその周辺のカラーコードを表示
いいね！
2
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
f4f4f4 | f1f1f1 | efefef | ededed | ebebeb |
e9e9e9 | e6e6e6 | e4e4e4 | e2e2e2 | e0e0e0 |
dedede | dbdbdb | d9d9d9 | d7d7d7 | d5d5d5 |
c8c8c8 | bdbdbd | b3b3b3 | a8a8a8 | 9e9e9e |
939393 | 898989 | 7e7e7e | 747474 | 696969 |
5e5e5e | 545454 | 494949 | 3f3f3f | 343434 |
おすすめカラーパターン
> フォーマルな服
フォーマルな服を来てオシャレなお店へ。仕事のスーツから、フォーマルスーツに着替えて夜の街に出かけていく。落ち着いた中にもオシャレさを漂わせるのはなかなか難しいものです。こんな色を組み合わせてキメてみるのもいいかもしれません。
暑い時期には、このくらいの色が涼しげです
ベーシックな紺で、ビシッとキメる
どんなワイシャツでもオシャレに見えてしまうスーツの色
ポイントでシルバーを使うとシックにキマる
ほんのりブルーがかったラベンダーをシャツにあしらう
主張しすぎない色も時には重要
赤みが強めのブラウンは紺とよく似合う
強い色の紺は、ネクタイなどに使うと好印象
清潔感漂う白に限りなく近いブルーは、シャツなどに合わせるとオシャレ
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
2カラーコードを写真からワンクリックで取得する一覧
CSS作成
.lightgray{
color : #d3d3d3;
}
または
.lightgray {
color : lightgray;
}
CSSの利用例
<span class="lightgray"> This color is lightgray. </span>
HTML上にstyleで直接書く
<span style="color:lightgray"> この色は lightgray. </span>
CSSの適用
この色は lightgray.
RGB（３原色）の値
Language list