写真をクリックしてその周辺のカラーコードを表示
いいね!
6
この画像のカラーコードが見たい場所をクリックしてください
![#7a5f41](webcolor/colorPic/00138.jpg)
![](webcolor/pic/cross.gif)
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
ddd7cf | d7cfc6 | d0c7bc | c9bfb3 | c3b7a9 |
bcafa0 | b5a796 | af9f8d | a89783 | a18f7a |
9b8770 | 947f67 | 8d775d | 876f54 | 80674a |
735a3d | 6d553a | 675037 | 614c34 | 5b4730 |
55422d | 4f3d2a | 493927 | 433423 | 3d2f20 |
362a1d | 30261a | 2a2116 | 241c13 | 1e1710 |
おすすめカラーパターン
> アンティーク調の色合い
ゆっくりと時間が流れていた時代を思わせる、深みと落ち着きのある色。この色を使って、シックな雰囲気を漂わせましょう。
タバコの葉のような濃い褐色
歴史の中で積み重ねた重みを感じさせるブラウン
古い本の紙の色を思わせる色
今ではボルドーとしてメジャーになった色
子牛の革の色を思わせる、古さと若さが感じられる色
昔話に出てくる夜の森のような色
焼いたオリーブの色のようなブラック
グレーとベージュの中間の落ち着きのある色
コーヒー豆を思わせる、思わず匂いを嗅いでしまいたくなるようなブラウン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color7a5f41{ color : #7a5f41; }
CSSの利用例
<span class="color7a5f41"> This color is #7a5f41. </span>
HTML上にstyleで直接書く
<span style="color:#7a5f41"> この色は #7a5f41. </span>
CSSの適用
この色は #7a5f41.
RGB(3原色)の値
Language list