写真をクリックしてその周辺のカラーコードを表示
いいね!
1
この画像のカラーコードが見たい場所をクリックしてください
![#30454a](webcolor/colorPic/00446.jpg)
![](webcolor/pic/cross.gif)
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
cbd0d1 | c0c7c8 | b6bdbf | acb4b6 | a1abad |
97a2a4 | 8d989b | 828f92 | 788689 | 6e7c80 |
637377 | 596a6e | 4f6065 | 44575c | 3a4e53 |
2d4146 | 2b3e42 | 283a3e | 26373b | 243337 |
213033 | 1f2c30 | 1c292c | 1a2528 | 182225 |
151f21 | 131b1d | 101819 | 0e1416 | 0c1112 |
おすすめカラーパターン
> 大地の記録
何億年も前からの大地の記録が層になった地層。その地層を連想させるような色。太古に思いを馳せて使いたい。
一番ポピュラーなブラウン
赤土のような色。鉄分を多く含んだ粘土の色
明るい基本的なグレー
焦げたような茶色
砂を連想させる色
暗くもなく明るくもない中間的なグレー
恐竜が生きた時代を思わせる深いブラウン
青みがかった冷たい感じのグレー
古代を連想させるブラック
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color30454a{ color : #30454a; }
CSSの利用例
<span class="color30454a"> This color is #30454a. </span>
HTML上にstyleで直接書く
<span style="color:#30454a"> この色は #30454a. </span>
CSSの適用
この色は #30454a.
RGB(3原色)の値
Language list