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制作の最新常識

関連記事

• 海外で話題沸騰中！イマーシブラーニング（没入型学習）とは？特徴や事例(国内外)をわかりやすく解説
• HypefuryやBuffer.comなどの代替となるオープンソースの生成AI活用のSNS運用ツール・「Postiz」
• 「コンテンツSEOを代理店に頼んでいるけど成果が出ない」方によくおすすめする4つのアクション
• 広告スペースの管理と複数広告のランダム表示が可能なオープンソースの広告管理ツール・「Random Ads Manager」
• オウンドメディアで行うべき改善施策を3パターンの課題別に紹介

Ads

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

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