写真をクリックしてその周辺のカラーコードを表示
いいね！
5
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
fff8ec | fff6e8 | fff5e5 | fff4e1 | fff2dd |
fff1da | fff0d6 | ffeed2 | ffedce | ffeccb |
ffeac7 | ffe9c3 | ffe8c0 | ffe6bc | ffe5b8 |
f2d8ab | e5cda2 | d8c199 | ccb690 | bfab87 |
b29f7e | a59475 | 99886c | 8c7d63 | 7f725a |
726651 | 665b48 | 594f3f | 4c4436 | 3f392d |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
1カラーコードを写真からワンクリックで取得する一覧
CSS作成
.moccasin{
color : #ffe4b5;
}
または
.moccasin {
color : moccasin;
}
CSSの利用例
<span class="moccasin"> This color is moccasin. </span>
HTML上にstyleで直接書く
<span style="color:moccasin"> この色は moccasin. </span>
CSSの適用
この色は moccasin.
RGB（３原色）の値
Language list