タグ

CSSと配色に関するyouranusのブックマーク (3)

  • WEBデザイナーはヘビーユース間違い無しのカラーパレットジェネレーター「Color Scheme Designer」 | ライフハッカー・ジャパン

    今まで色々とWEBベースのカラーパレットジェネレーターを使ってみたけど、どれもいまいちピンと来なかったという人は、何も言わずに「Color Scheme Designer 」を試してみてください。特にWEBデザイナーにとっては、かなり使える機能が満載です。 一見、何の変哲もない普通のカラーパレットジェネレーターに見えますよね。でも、ちょっといじってみれば、そんじょそこらのジェネレーターとは全然違うのが分かります。 まず、画面左でパレットのキーカラーとなる色を選びます。選んだキーカラーを元に、6つのモードでカラーパレットを作成します。モードは左から「mono=同系色」「complement=補色」「triad=三色組」「tetrad=四色組」「analogic=類似色」「accented analogic=補色+類似色」となっています。 百聞は一見に如かずですので、まずは試してみてください。

    WEBデザイナーはヘビーユース間違い無しのカラーパレットジェネレーター「Color Scheme Designer」 | ライフハッカー・ジャパン
  • セオリーに基づいたカラースキームが設計できるオンラインサービス

    Color Scheme Designerは、カラーセオリーに基づいたカラースキームが設計できるオンラインサービスです。 Color Scheme Designer 使い方は簡単で、色相還で指定したカラーから作成する方法と用意されたプリセットから作成する方法があります。 作成したカラースキームは、text, CSS, HTML, XMLで書き出すことができます。 色相還で指定したカラーは、カラーセオリーを基にしたカラースキームを作成できます。 基色は、全てグリーン(#076D28)です。

  • サイトで使われている色を調べる「mooColorFinder」

    指定したサイトのCSSファイルを解析し、自動的に使われている色をパレットのようにして見せてくれるというネットサービスです。サイト自体のサムネイル画像(小さい画像)も同時に表示されるので、どこかのサイトを参考にしてウェブデザインする際に役立ちそう。 使い方などの詳細は以下から。 mooColorFinder - retrieve all website colors 解析したいサイトのアドレスを入力して「get me the colors!」をクリック すると上部にカラーパレット、下部にプレビューが表示されます

    サイトで使われている色を調べる「mooColorFinder」
  • 1