写真をクリックしてその周辺のカラーコードを表示
いいね!
2
この画像のカラーコードが見たい場所をクリックしてください
![#7c89a9](webcolor/colorPic/00372.jpg)
![](webcolor/pic/cross.gif)
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
dee1e9 | d7dbe5 | d1d5e0 | cacfdc | c4c9d8 |
bdc4d4 | b6becf | b0b8cb | a9b2c7 | a3acc2 |
9ca6be | 96a0ba | 8f9ab5 | 8994b1 | 828ead |
7582a0 | 6f7b98 | 69748f | 636d87 | 5d667e |
565f76 | 50596d | 4a5265 | 444b5c | 3e4454 |
373d4c | 313643 | 2b2f3b | 252932 | 1f222a |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color7c89a9{ color : #7c89a9; }
CSSの利用例
<span class="color7c89a9"> This color is #7c89a9. </span>
HTML上にstyleで直接書く
<span style="color:#7c89a9"> この色は #7c89a9. </span>
CSSの適用
この色は #7c89a9.
RGB(3原色)の値
Language list