色を選択するだけでグラデーションのCSSコードやカラーパレットを生成してくれるWEBサービス「ColorSpace」

色を選択するだけでグラデーションのCSSコードやカラーパレットを生成してくれるWEBサービス「ColorSpace」

色を選択するだけでグラデーションのCSSコードやカラーパレットを生成してくれるWEBサービス「ColorSpace」

ColorSpaceは、ベースとなる色を選択することで、グラデーションやカラーパレットを生成することができるWEBサービスです。

ColorSpaceの使い方

まずはColorSpaceへアクセスします。

中央にあるボタンから色を選択して[GENERATE]をクリックすると、カラーパレットが生成されます。

カラーパレットを生成

右上にある[GRADIENT]からは、グラデーション生成ツールに移動できます。

GRADIENT

「Enter colors」で始まりと終わりの色を選択して、「Choose orientation」でグラデーションの向きを指定します。[GENERATE]をクリックすると、グラデーションのCSSコードが表示されます。

グラデーションの生成

あとがき

グラデーションツールは、グラデーションの向きも色々指定できて便利ですね。カラーパレットも様々なパターンが生成されて、各カラーの下にカラーコードも表示されるので扱いやすいです。

この記事が気に入ったら
いいね!してね♪

Twitter で

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です