写真をクリックしてその周辺のカラーコードを表示
いいね！
5
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
d3d6bf | cbceb2 | c2c6a5 | b9be99 | b1b68c |
a8ae7f | 9fa572 | 979d66 | 8e9559 | 858d4c |
7d853f | 747d33 | 6b7526 | 636d19 | 5a650c |
4d5800 | 495300 | 454f00 | 414a00 | 3d4500 |
394100 | 353c00 | 313700 | 2d3300 | 292e00 |
242900 | 202500 | 1c2000 | 181b00 | 141700 |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
7カラーコードを写真からワンクリックで取得する一覧
CSS作成
.color525d00{
color : #525d00;
}
CSSの利用例
<span class="color525d00"> This color is #525d00. </span>
HTML上にstyleで直接書く
<span style="color:#525d00"> この色は #525d00. </span>
CSSの適用
この色は #525d00.
RGB（３原色）の値
Language list