任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成する・「Alwane」

Ads

Alwane


Alwaneは任意のWebサイトで使用されている色を抽出してパレットやCSSのコードを自動生成するWebアプリです。

抽出したいWebサイトのURLを入力すれば、そのサイトを解析してカラーコードを自動生成してくれます。

CSSのコードは例えば以下のように色ごとにグルーピングされた状態でCSS変数として生成してくれます。

:root {
  /* Green */
  --green-100: #98e093;
  --green-200: #6fc173;
  --green-300: #4cae4c;
  --green-400: #00c300;

  /* Purple violet */
  --purpleViolet-100: #dad0ec;
  --purpleViolet-200: #9778d1;
  --purpleViolet-300: #6440a4;
  --purpleViolet-400: #4721fb;
}

地味に便利。利用の際に特にユーザー登録等は必要ありません。誰でも自由に利用できるみたいです。

Alwane