写真をクリックしてその周辺のカラーコードを表示
いいね！
3
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
d9d9d9 | d2d2d2 | cacaca | c3c3c3 | bbbbbb |
b4b4b4 | acacac | a5a5a5 | 9d9d9d | 969696 |
8e8e8e | 878787 | 7f7f7f | 787878 | 707070 |
636363 | 5e5e5e | 595959 | 545454 | 4e4e4e |
494949 | 444444 | 3f3f3f | 393939 | 343434 |
2f2f2f | 2a2a2a | 242424 | 1f1f1f | 1a1a1a |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
10カラーコードを写真からワンクリックで取得する一覧
CSS作成
.dimgray{
color : #696969;
}
または
.dimgray {
color : dimgray;
}
CSSの利用例
<span class="dimgray"> This color is dimgray. </span>
HTML上にstyleで直接書く
<span style="color:dimgray"> この色は dimgray. </span>
CSSの適用
この色は dimgray.
RGB（３原色）の値
Language list