【裏技】グラデーションを表すCSSを無料で爆速で作れる「Tabiku」を解説
色パレットを作成する方法
step1.
まずホームページにアクセスしたら、会員登録をします。
Twitterのアカウントを利用したソーシャルログインとなりますので、あらかじめTwitterアカウントにログインしておいてください。
step2.
色パレットの作成をはじめます。
上部に表示されているメニューバーの中から「Create Palette」をクリックします。
step3.
色を選択する画面に遷移しますので、画面中央に表示されている色を示すパレットの中から任意の色をクリックして選択してください。
カラーコードを入力して作成することも可能です。
step4.
パレットを作成したら「Done」をクリックしてください。
これで完了です。
まとめ
グラデーションCSSを作成するジェネレーターは複数ありますが、今回ご紹介したツール「Tabiku」は、グラデーション作成時はもちろん、配色を考える際の参考にすることもできます。
カラーコードの備忘録としても使用できるので、頻繁にWebデザインを行う方に最適です。
無料で利用できるので、効率よくデザインを行いたい方は、ぜひ一度試してみてはいかがでしょうか。
このニュースを読んだあなたにオススメ
CSSの基本~スタイルシートとは
レスポンシブ対応のCSSフレームワーク25選
ホームページ制作に必須!CSS・JavaScriptについての基礎知識を確認するための設問3つ
このニュースに関連するカリキュラム
CSSの基本~スタイルシートとは
現在のホームページは、内容とデザインとをわけてプログラミングすることが増えています。デザイン部分を担うプログラミング言語をCSSといいます。文字サイズやレイアウトなどを細かく指定します。
- ページ
- 印刷物のカタログやパンフレットは、通常複数のページから成り立っています。インターネットのホームページもまったく同じで、テーマや内容ごとにそれぞれの画面が作られています。この画面のことを、インターネットでも「ページ」と呼んでいます。ホームページは、多くの場合、複数ページから成り立っています。
- Twitterとは140文字以内の短文でコミュニケーションを取り合うコミュニティサービスです。そもそもTwitterとは、「小鳥のさえずり」を意味する単語ですが、同時に「ぺちゃくちゃと喋る」、「口数多く早口で話す」などの意味もあります。この意味のように、Twitterは利用者が思いついたことをたくさん話すことのできるサービスです。
- アカウント
- アカウントとは、コンピューターやある会員システムなどサービスを使うときに、その人を認識する最低必要な情報として、パスワードと対をなして使う、任意で決めるつづりです。ユーザー、ID、などとも言います。
- CS
- CSとはCustomer Satisfactionの略称で「顧客満足度」を意味します。顧客との関係維持、サービスの発展に関するマーケティング戦略に関わる用語です。
おすすめ記事
おすすめエントリー
同じカテゴリから記事を探す
カテゴリから記事をさがす
●Webマーケティング手法
- SEO(検索エンジン最適化)
- Web広告・広告効果測定
- SNSマーケティング
- 動画マーケティング
- メールマーケティング
- コンテンツマーケティング
- BtoBマーケティング
- リサーチ・市場調査
- 広報・PR
- アフィリエイト広告・ASP
●ステップ
●ツール・素材
- CMS・サイト制作
- フォーム作成
- LP制作・LPO
- ABテスト・EFO・CRO
- Web接客・チャットボット
- 動画・映像制作
- アクセス解析
- マーケティングオートメーション(MA)
- メールマーケティング
- データ分析・BI
- CRM(顧客管理)
- SFA(商談管理)
- Web会議
- 営業支援
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
- フォント
- 素材サイト
●目的・施策
- Google広告
- Facebook広告
- Twitter広告
- Instagram広告
- LINE運用
- LINE広告
- YouTube運用
- YouTube広告
- TikTok広告
- テレビCM
- サイト制作・サイトリニューアル
- LP制作・LPO
- UI
- UX
- オウンドメディア運営
- 記事制作・ライティング
- コピーライティング
- ホワイトペーパー制作
- デザイン
- セミナー・展示会
- 動画・映像制作
- データ分析・BI
- EC・通販・ネットショップ
- 口コミ分析・ソーシャルリスニング
●課題
●その他
現在の会員数508,715人
メールだけで登録できます→
会員登録する【無料】