【裏技】グラデーションを表すCSSを無料で爆速で作れる「Tabiku」を解説

色パレットを作成する方法

step1.

まずホームページにアクセスしたら、会員登録をします。
Twitterのアカウントを利用したソーシャルログインとなりますので、あらかじめTwitterアカウントにログインしておいてください。

step2.

色パレットの作成をはじめます。
上部に表示されているメニューバーの中から「Create Palette」をクリックします。

step3.

色を選択する画面に遷移しますので、画面中央に表示されている色を示すパレットの中から任意の色をクリックして選択してください。
カラーコードを入力して作成することも可能です。

step4.

パレットを作成したら「Done」をクリックしてください。
これで完了です。

まとめ

グラデーションCSSを作成するジェネレーターは複数ありますが、今回ご紹介したツール「Tabiku」は、グラデーション作成時はもちろん、配色を考える際の参考にすることもできます。
カラーコードの備忘録としても使用できるので、頻繁にWebデザインを行う方に最適です。

無料で利用できるので、効率よくデザインを行いたい方は、ぜひ一度試してみてはいかがでしょうか。

このニュースを読んだあなたにオススメ

CSSの基本～スタイルシートとは
レスポンシブ対応のCSSフレームワーク25選
ホームページ制作に必須！CSS・JavaScriptについての基礎知識を確認するための設問3つ

このニュースに関連するカリキュラム

CSSの基本～スタイルシートとは

現在のホームページは、内容とデザインとをわけてプログラミングすることが増えています。デザイン部分を担うプログラミング言語をCSSといいます。文字サイズやレイアウトなどを細かく指定します。