FOLLOW US

KAKERU TOOLS ─ 無料・登録なし

CSS filter メーカースライダーを動かして、写真の色を変える。CSSのコードが、その場で出ます。PNG画像でも保存できます。

無料で使える登録・インストール不要スマホでもOK
ひな形
色を変えた写真
元の写真変えたあと

スライダーで色を調整/写真の上の白い線を左右に動かすと、元の写真と比べられます。
写真は送信されません(このパソコン・スマホの中だけで使います)。

調整動かした項目だけ、コードに入ります
コピペ用のコード

				

写真はこの中だけで処理します。

写真そのものは書き換えず、表示するときに色を変えます。しくみは「CSS filterの使い方」で解説しています。
1
写真を選ぶ

見本の写真のままでも、自分の写真でも。写真はどこにも送られません。

2
ひな形かスライダーで色を変える

白黒・セピア・色反転などから始めて、明るさや色合いを細かく直せます。

3
コードをコピー、または画像で保存

CSSを自分のサイトに貼るだけ。画像で使うなら、PNGで保存できます。

Presetsよく使う色の変え方から始める
広告
ABOUT ─ この道具について

KAKERUデザインが作りました。WEBとデザインの仕事を20年以上続けてきた中で「あったら便利」と思ったものを、無料の道具にしています。サイト制作やWEBまわりのご相談もどうぞ。

ご相談はこちら →