写真をクリックしてその周辺のカラーコードを表示
いいね!
17
この画像のカラーコードが見たい場所をクリックしてください
![#553f27](webcolor/colorPic/00073.jpg)
![](webcolor/pic/cross.gif)
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
d4cfc9 | ccc5be | c3bbb3 | bbb2a8 | b2a89d |
aa9f93 | a19588 | 998b7d | 908272 | 887867 |
7f6f5d | 776552 | 6e5b47 | 66523c | 5d4831 |
503b25 | 4c3823 | 483521 | 44321f | 3f2f1d |
3b2c1b | 372819 | 332517 | 2e2215 | 2a1f13 |
261c11 | 22190f | 1d160d | 19120b | 150f09 |
おすすめカラーパターン
> 大地の記録
何億年も前からの大地の記録が層になった地層。その地層を連想させるような色。太古に思いを馳せて使いたい。
一番ポピュラーなブラウン
赤土のような色。鉄分を多く含んだ粘土の色
明るい基本的なグレー
焦げたような茶色
砂を連想させる色
暗くもなく明るくもない中間的なグレー
恐竜が生きた時代を思わせる深いブラウン
青みがかった冷たい感じのグレー
古代を連想させるブラック
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color553f27{ color : #553f27; }
CSSの利用例
<span class="color553f27"> This color is #553f27. </span>
HTML上にstyleで直接書く
<span style="color:#553f27"> この色は #553f27. </span>
CSSの適用
この色は #553f27.
RGB(3原色)の値
Language list