Experiment 19
写真から色を拾う
写真を選んで触るだけで、その場所の色を HEX・RGB・HSL で取り出せます。触っている場所は拡大した窓に出るので、指で隠れません。拾った色は10個まで残り、押せば選び直せます。写真がなくても色を直接選べます。商品写真から色を決める、ロゴの色を調べるといったときに。選んだ写真はブラウザの中だけで開き、サーバへ送りません。
Image
拾いたいところを触ってください。指を離した色が下に残ります。
Color
- HEX
- #D8531F
- RGB
- rgb(216, 83, 31)
- HSL
- hsl(17, 75%, 48%)
拾った色押すと選び直します
使い方とメモ
- 写真を選んで、拾いたいところを触るだけです。商品写真から色を決める、名刺やロゴの色を調べる、資料の配色を写真に合わせる、といったときに。
- 触っている場所を拡大した窓が出ます。指で押さえると、その1点は指の下に隠れて見えないためです。指を離した色が記録されます。
- 色の見本を押せば、HEX・RGB・HSLをそのままコピーできます。拾った色は下に10個まで残ります。押すと選び直せます。
- 写真がなくても、「色を直接選ぶ」から選べます。端末の標準の色選びが開きます。
- 大きな写真は長辺1600ピクセルまで縮めてから扱います。色は変わりません。
- 選んだ写真はブラウザの中だけで開いています。サーバへ送っていません。ページを離れると消えます。
For your business
こういうものを、御社向けにも作れます。
ちょっとした業務ツールから、予約システムのような本格的なWebシステムまで。
「こんなこと、できる?」という段階でも、お気軽にご相談ください。