写真をクリックしてその周辺のカラーコードを表示
いいね!
4
この画像のカラーコードが見たい場所をクリックしてください
![#333c39](webcolor/colorPic/00047.jpg)
![](webcolor/pic/cross.gif)
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
cccecd | c1c4c3 | b7bab9 | adb1af | a3a7a5 |
999d9c | 8e9392 | 848a88 | 7a807e | 707674 |
666c6a | 5b6360 | 515956 | 474f4c | 3d4542 |
303936 | 2d3633 | 2b3330 | 28302d | 262d2a |
232a27 | 212725 | 1e2422 | 1c211f | 191e1c |
161b19 | 141816 | 111513 | 0f1211 | 0c0f0e |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() | |
![]() |
カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color333c39{ color : #333c39; }
CSSの利用例
<span class="color333c39"> This color is #333c39. </span>
HTML上にstyleで直接書く
<span style="color:#333c39"> この色は #333c39. </span>
CSSの適用
この色は #333c39.
RGB(3原色)の値
Language list