Palette-js

JavaScript

美しいカラーパレッドを追加できる「Palette-js」

Palette-jsは美しいカラーパレッドを手軽にプロジェクトに追加することができるJSライブラリです。好きなカラーをクリックするだけで、クリップボードにそのカラーをコピーすることができます。

Palette-js

デモ

デモでは、aquamarine、pink、darkturquoise、steelblue、cadetblue、lightblue、lightsalmon、teal、darkseagreen、khaki、lightcoral、lightgrayなど、たくさんのカラーが並べられたパレットが設置されています。

目的のカラーをクリックすると、そのカラーの上に「COPIED!」と表示され、そのカラーをクリップボードに追加することができます。デザイン・レイアウトともにシンプルで美しく、とても見やすいカラーパレットを設置できます。

const colors = [
"aquamarine",
"pink",
"darkturquoise",
"steelblue",
"cadetblue",
// ・・・中略・・・
"lightseagreen"
];

palette(colors, document.querySelector(".example"));

Palette-js

関連記事

  1. no-image
  2. Raindrops.js

    JavaScript

    水面に雨粒が落ちてくるエフェクトが素敵なjQueryプラグイン「Raindrops.js」

    Raindrops.jsは水面に雨粒が落ちてくる素敵なエフェクトを実装…

  3. No Vacancy

    JavaScript

    ネオンサインのようなエフェクトを実装できるjQueryプラグイン「No Vacancy」

    テキストにネオンサインのようなエフェクトを実装することができるjQue…

  4. formBuilder

    JavaScript

    ドラッグ&ドロップでフォームを手軽につくれる「formBuilder」

    formBuilderはドラッグ&ドロップでフォームを手軽につくること…

  5. no-image

    JavaScript

    フォームに文字制限を設定できるjQueryプラグイン「Character Limit」

    Character Limitは、フォーム要素に文字制限を設定するため…

最近の記事

  1. 田沢湖
  2. ハクバ シリコンクロス
  3. トライポッドスリーブ
  4. レンズペン3 ミニプロとレンズペン ELITE マイクロプロ

Instagram始めました

Facebookページ

PAGE TOP