写真をクリックしてその周辺のカラーコードを表示
いいね！
1
この画像のカラーコードが見たい場所をクリックしてください
クリックしたポイント周辺のカラーコード
グラデーションカラーコード
ffecef | ffe9ec | ffe5e9 | ffe1e6 | ffdee3 |
ffdae0 | ffd6dc | ffd3d9 | ffcfd6 | ffcbd3 |
ffc8d0 | ffc4cd | ffc0ca | ffbdc7 | ffb9c4 |
f2acb7 | e5a3ad | d89aa4 | cc919a | bf8890 |
b27f87 | a5767d | 996d73 | 8c646a | 7f5b60 |
725156 | 66484d | 593f43 | 4c3639 | 3f2d30 |
おすすめカラーパターン
> 初夏に着たいTシャツ
ジメジメとした梅雨も明け、空はからりと晴れ、まだ暑さもそれほどでもない、すがすがしく爽やかな初夏にピッタリなTシャツカラー。
初夏の青空のような鮮やかなブルー
遠くからでも視認できるレスキューレンジャーが着用するオレンジ
太陽の眩しい光のような鮮やかなイエロー
灼熱の太陽のように燃えるオレンジ
快晴の空のような鮮やかなブルー
晴れた日の空にある雲のようなホワイト
晴れの日の少し雲がかかった空のような淡いブルー
ラピスラズリの天然石のような深みのあるブルー
深い森に迷い込んだような木々のグリーン
Dot
Checkered pattern
stripe
カラーコードを写真からワンクリックで取得する一覧
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
 | |
26カラーコードを写真からワンクリックで取得する一覧
CSS作成
.lightpink{
color : #ffb6c1;
}
または
.lightpink {
color : lightpink;
}
CSSの利用例
<span class="lightpink"> This color is lightpink. </span>
HTML上にstyleで直接書く
<span style="color:lightpink"> この色は lightpink. </span>
CSSの適用
この色は lightpink.
RGB（３原色）の値
Language list