- JavaScript 画像をクリックして色を抽出
- 画像をクリックするとクリックした部分の色の情報を抽出するサンプルです。 いわゆるカラーピッカーをJSで実装しています。 まず画像をcanvasに変換します。 マウスでクリックされた部分のピクセルの画像データを抽出し、色の情報...
- 2020-09-22 13:39:02
UIサンプルギャラリー「キプレ」
MENU
用途
新着
履歴
分類
★
色彩
色を扱うサンプルいろいろ。
「色彩」に関するサンプル
- JavaScript 画像の色からカラーチャート
- JacaScriptでJPG画像をCanvasに変換し、色情報を解析、抽出するサンプルです。 抽出した色をカラーチャートのようにjQueryで整形してみました。 色の情報はRGBAで抽出されます。 Aは透明度なので今回は無視。 重複する色はユニー...
- 2020-09-21 18:13:36
- CSS 画像のぼかし、補正
- CSSのfilterを使って簡単な画像補正が可能です。何がどう調整できるのかサンプル一覧を作りました。 フォトショップを使わずにCSSでも画像の補正がかなりできるようになりました。 たくさんの種類があるので、どんなことができるのか並べてみましょう。 画...
- 2019-07-30 22:28:24
- jQuery カラーピッカー
- RGBのカラーコードから色を想像してコードを書くのは結構大変です。 エディターによってはプレビューしてくれるものもありますが、色から探す方が直感で早い...
- 2019-08-02 08:24:35
- CSS3 グラデーション
- 縦方向のグラデーション [[background: linear-gradient(#FFF , #3636c3); background: -moz-linear-gradient(#FFF , #3636c3); background: -webkit-gradi...
- 2019-08-05 22:46:49
Top