2014年03月3日(月)

Sassの色生成ジェネレーターを作りました

• 0
• 78
• 16
• 34

「Sass Color Generator」というSassのlightenなどの色生成ツールを作りました。
このツールは、デザイナーが効率的なカラーバリエーションのデザインをしやすくするものです。

例えば、デザインを作るときにメインのカラーを指定すると、その薄い色を背景色にしたり、枠線色にしたりする場合があると思うのですが、その色を見つけやすく、また指定しやすくします。

できること

カラーコードと%の数値を入力すると、そのカラーの%ごとの明度や彩度のカラーバリエーションを一覧で見ることができます。

使い方

1.カラーコードを入力します。

2. %の数値を入力します。

この数値ごとに、lightenなどの色が作成されます。

author:

Arch

http://www.ar-ch.org

都内在住Webデザイナーの運営者さんが、Photoshopとデザインネタを中心にWeb制作関連の情報を発信しているブログ

オリジナルサイトで続きを読む

今日のwebデザイン記事ランキングを見る

         

‹ PREV

               

【Photoshop】グラデーションマスクの線状、円状のかけ方

         

NEXT ›

               

[書評] 現場のプロが教えるWeb制作の最新常識

関連記事

• どんな企業がアフィリエイト広告で成果を出している？【マーケティングQ&A】
• この本を読んだら、Stable Diffusionで画像生成を思い通りにできるようになった！ かなりお勧めの解説書です -Stable Diffusion画像生成［本格］活用ガイド
• 「実在しない広告」の効果は？メタバースやスポーツ中継に登場したバーチャル広告
• 電子メールのエクスペリエンスを一新するためにゼロから構築されたオープンソースのメールアプリ・「UnInbox」
• 企画制作から顧客対応、セールスまでをカバー！AIを活用したトークスクリプト生成技術

Ads

都内在住Webデザイナーの運営者さんが、Photoshopとデザインネタを中心にWeb制作関連の情報を発信しているブログArchの記事『Sassの色生成ジェネレーターを作りました』についてまとめています。

この記事は特にWebサービスについて書かれており、 気になるWebデザインの記事やまとめを見つけたら「本文を読む」をクリックすると、記事配信元のArchで全文を閲覧することができます。RSS Sourceの「このサイトの記事一覧」をクリックするとArchの記事をまとめて表示することができます。また閲覧数や各SNSのシェア状況を目安に、他の人たちが記事をどのように評価しているのか推測することができます。Webデザインにとって有益な記事をまとめていますので、ぜひリンク先をチェックしてみてください。