写真をクリックしてその周辺のカラーコードを表示
いいね!
8
この画像のカラーコードが見たい場所をクリックしてください
![#677d95](webcolor/colorPic/00413.jpg)
![](webcolor/pic/cross.gif)
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
d9dee4 | d1d8df | c9d1d9 | c2cbd4 | bac4cf |
b3beca | abb7c4 | a3b1bf | 9caaba | 94a4b4 |
8d9daf | 8597aa | 7d90a4 | 768a9f | 6e839a |
61768d | 5c7086 | 576a7e | 526477 | 4d5d6f |
485768 | 425160 | 3d4b59 | 384451 | 333e4a |
2e3843 | 29323b | 242b34 | 1e252c | 191f25 |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color677d95{ color : #677d95; }
CSSの利用例
<span class="color677d95"> This color is #677d95. </span>
HTML上にstyleで直接書く
<span style="color:#677d95"> この色は #677d95. </span>
CSSの適用
この色は #677d95.
RGB(3原色)の値
Language list