写真をクリックしてその周辺のカラーコードを表示
いいね！
5
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
fbfdff | fafcff | f9fcff | f9fcff | f8fbff |
f7fbff | f6fbff | f6faff | f5faff | f4faff |
f3f9ff | f3f9ff | f2f9ff | f1f8ff | f0f8ff |
e4ebf2 | d8dfe5 | ccd2d8 | c0c6cc | b4babf |
a8adb2 | 9ca1a5 | 909499 | 84888c | 787c7f |
6c6f72 | 606366 | 545659 | 484a4c | 3c3e3f |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
2カラーコードを写真からワンクリックで取得する一覧
CSS作成
.aliceblue{
color : #f0f8ff;
}
または
.aliceblue {
color : aliceblue;
}
CSSの利用例
<span class="aliceblue"> This color is aliceblue. </span>
HTML上にstyleで直接書く
<span style="color:aliceblue"> この色は aliceblue. </span>
CSSの適用
この色は aliceblue.
RGB（３原色）の値
Language list