写真をクリックしてその周辺のカラーコードを表示
いいね！
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
e5f2cb | e0f0c1 | dbedb7 | d6ebad | d1e8a2 |
cce698 | c7e38e | c2e184 | bdde79 | b8dc6f |
b3d965 | aed75b | a9d450 | a4d246 | 9fcf3c |
92c22f | 8ab82d | 82ae2a | 7ba428 | 739925 |
6b8f23 | 648520 | 5c7b1e | 54701b | 4d6619 |
455c16 | 3d5214 | 354711 | 2e3d0f | 26330c |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
10カラーコードを写真からワンクリックで取得する一覧
CSS作成
.yellowgreen{
color : #9acd32;
}
または
.yellowgreen {
color : yellowgreen;
}
CSSの利用例
<span class="yellowgreen"> This color is yellowgreen. </span>
HTML上にstyleで直接書く
<span style="color:yellowgreen"> この色は yellowgreen. </span>
CSSの適用
この色は yellowgreen.
RGB（３原色）の値
Language list