写真をクリックしてその周辺のカラーコードを表示
いいね!
7
この画像のカラーコードが見たい場所をクリックしてください
![#b2e6fb](webcolor/colorPic/00059.jpg)
![](webcolor/pic/cross.gif)
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
ebf8fe | e7f7fd | e4f6fd | e0f5fd | dcf3fd |
d8f2fd | d4f1fc | d0f0fc | cceefc | c9edfc |
c5ecfc | c1ebfb | bde9fb | b9e8fb | b5e7fb |
a9daee | a0cfe1 | 97c3d5 | 8eb8c8 | 85acbc |
7ca1af | 7395a3 | 6a8a96 | 617e8a | 59737d |
506770 | 475c64 | 3e5057 | 35454b | 2c393e |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.colorb2e6fb{ color : #b2e6fb; }
CSSの利用例
<span class="colorb2e6fb"> This color is #b2e6fb. </span>
HTML上にstyleで直接書く
<span style="color:#b2e6fb"> この色は #b2e6fb. </span>
CSSの適用
この色は #b2e6fb.
RGB(3原色)の値
Language list