写真をクリックしてその周辺のカラーコードを表示
いいね！
2
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
e9e8e4 | e4e3df | e0dfd9 | dbdad4 | d7d6cf |
d3d1ca | ceccc4 | cac8bf | c5c3ba | c1bfb4 |
bdbaaf | b8b6aa | b4b1a4 | afad9f | aba89a |
9e9b8d | 969386 | 8d8b7e | 858377 | 7d7b6f |
747268 | 6c6a60 | 646259 | 5b5a51 | 53524a |
4b4943 | 42413b | 3a3934 | 32312c | 292925 |
おすすめカラーパターン
> アンティーク調の色合い
ゆっくりと時間が流れていた時代を思わせる、深みと落ち着きのある色。この色を使って、シックな雰囲気を漂わせましょう。
タバコの葉のような濃い褐色
歴史の中で積み重ねた重みを感じさせるブラウン
古い本の紙の色を思わせる色
今ではボルドーとしてメジャーになった色
子牛の革の色を思わせる、古さと若さが感じられる色
昔話に出てくる夜の森のような色
焼いたオリーブの色のようなブラック
グレーとベージュの中間の落ち着きのある色
コーヒー豆を思わせる、思わず匂いを嗅いでしまいたくなるようなブラウン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colora7a495{
color : #a7a495;
}
CSSの利用例
<span class="colora7a495"> This color is #a7a495. </span>
HTML上にstyleで直接書く
<span style="color:#a7a495"> この色は #a7a495. </span>
CSSの適用
この色は #a7a495.
RGB（３原色）の値
Language list