タグ

colorに関するnatsubiのブックマーク (19)

  • [ HUE / 360 ] The Color Scheme Application

    Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP

  • 誕生色大辞典 366日の誕生色と色言葉 | 色見本大辞典

  • 粋屋-日本の伝統文様と伝統色

    最新情報 (02/12)市松文様の上に梅と桜を並べた文様を追加しました。(02/26)Illustratorファイルを追加掲載しました。 (07/05)「和 japanese style (design parts collection)」と「京千代紙と和の文様セレクション」のレビュー掲載しました。 (06/08) 各伝統色一覧をHSB値に基づく分類に変更しました。 (05/10) 着物の染め屋さん「京のひきぞめや」様にリンクさせていただきました。美しい日の伝統美が生み出される現場を垣間見ることのできるサイトです。 美しいデスクトップ用壁紙もダウンロードできます。 (04/27) 波文様を割付文様であしらった千代紙風の文様を追加しました。EPSファイルも掲載しました。 (04/21) 波文様を一つ追加しました。 (04/12) 「家紋World」様へリンクさせていただきました。 5月をイ

  • 基礎からわかるホームページの配色

  • 色見本大辞典 伝統色や366日の誕生色占いのWEB色見本サイト

  • 50 Monochromatic Website Designs

    Color choice is a key element to the success of any design. It invokes an atmosphere and sets the mood. One method for using color is to use only shades of a color, which is known as a monochromatic color scheme. Of all the color schemes, the monochromatic is one of the easiest to pull off successfully. This reason for such ease is that one shade of a color will naturally almost always work with a

    50 Monochromatic Website Designs
  • kuler

  • ASCII.jp:もう配色には困らない!「Adobe Kuler」

    「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。

    ASCII.jp:もう配色には困らない!「Adobe Kuler」
  • FM 100 Hue Test

    色の正確な認識に影響する要因はたくさんあります。テストの結果が毎回異なる場合は、下記の理由が考えられます。 照明:照明は色覚に大きく影響する要因の一つです。脳が認識する色は、照明色によって左右されていることをご存知でしたか?照明装置などを用いて、常に管理された光源下で色を判断するようにしましょう。 背景色の影響:人間の目が認識する色は、周囲の色に影響されます。この現象を同時対比と呼びます。色を判断する際、常にニュートラル色の環境で行ってください。 目の疲労:私たちの目は疲れやすく、物体を2、3秒以上眺めると目の化学物質が消耗され、間違ったカラー情報が脳に送信されてしまいます。色の目視評価を行う際は、再度観察する前に目を休めてください。 乏しい色の記憶力:どんな色でも、詳細を記憶するのは非常に難しいことです。わずかな色差を効果的に判断するには、サンプルが人の心を動かす程に印象的でなければいけ

    FM 100 Hue Test
    natsubi
    natsubi 2008/09/17
    並び替えてグラデーションを完成させる/Your score: 8
  • ディスプレイの調整

    ディスプレイは、製品ごとに色の再現性が異なります。 機種が違うと、もちろん色も異なるのですが、同じ機種でも 個体差があったりします。 もっと端的には、みなさんがお使い のディスプレイも、 使用年数が経つに従って、性能が劣化するため 購入当時とは、 色の再現性が異なってきていることでしょう。 ディスプレイの表示品質に整えることを、ディスプレイの キャリブレーションと言います。 キャリブレーションは、コンピュータで画像を扱う上で、 まず最初にすべき大切なことです。 せっかく、綺麗に取り込んだ 写真を、他のディスプレイでみたら、がっかり! なんてことのないように しっかりとキャリブレーションを行いましょう! また、ディスプレイとプリンタのカラーマッチングを行うためには、 できるだけ正確に キャリブレーションを行って できるだけ 正確なICCプロファイルを作成することが重要になります。 Photo

    ディスプレイの調整
  • 色の組み合わせチェック - 読みやすい前景色と背景色

    誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名(CSS2の色名+SVGの色名、計147色)およびrgb()の表現が使えます(初期値は、読みにくい例が入っています)。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行

    natsubi
    natsubi 2008/03/22
    コントラストの評価
  • よりよいWebデザインにするための配色のセオリー :: Love & Design ::

    第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色(黄⇔青 赤⇔緑)の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。(色相対比)

    よりよいWebデザインにするための配色のセオリー :: Love & Design ::
  • Color Slider - 配色/色見本

    配色や、文字サイズのテストが行えます。色見

    natsubi
    natsubi 2007/07/22
    配色を考えて投稿
  • 粋屋-日本の伝統文様と伝統色

    最新情報 (02/12)市松文様の上に梅と桜を並べた文様を追加しました。(02/26)Illustratorファイルを追加掲載しました。 (07/05)「和 japanese style (design parts collection)」と「京千代紙と和の文様セレクション」のレビュー掲載しました。 (06/08) 各伝統色一覧をHSB値に基づく分類に変更しました。 (05/10) 着物の染め屋さん「京のひきぞめや」様にリンクさせていただきました。美しい日の伝統美が生み出される現場を垣間見ることのできるサイトです。 美しいデスクトップ用壁紙もダウンロードできます。 (04/27) 波文様を割付文様であしらった千代紙風の文様を追加しました。EPSファイルも掲載しました。 (04/21) 波文様を一つ追加しました。 (04/12) 「家紋World」様へリンクさせていただきました。 5月をイ

  • xcavator ・Advanced Image Search Engine by CogniSign

    natsubi
    natsubi 2007/07/08
    色で画像を検索できる
  • 浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*

    配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛(東洲斎写楽) ■鳳凰図屏風(葛飾北斎) ■江戸名所 浅草金龍山(歌川広重) ■ 亀戸梅屋舗(歌川広重) ゴッホが模写したことでも有名な絵 参考:印象派と浮世絵の意外な関係 ■春画(渓斎英泉)【オマケ】 ちょっぴりセクシーな配色? 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に

    浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*
    natsubi
    natsubi 2007/07/03
    (当時はもっと鮮やか?)
  • 相性の良い色を自動でピックアップしてくれる「ColorBlender」

    ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能

    相性の良い色を自動でピックアップしてくれる「ColorBlender」
    natsubi
    natsubi 2007/03/29
    1色選ぶとそれに合った色を表示してくれる。
  • 日本の伝統色を組み合わせてみた - DesignWalker

    日本の伝統色を組み合わせてみた - DesignWalker
  • 日本の伝統色 和色大辞典 - Japanese Traditional Color Names

    原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見サイトです。 9種類の色見と色に関する各種サービスから構成されています。 色見コンテンツは ブラウザで定義されているHTMLカラーネーム、 日の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ

    日本の伝統色 和色大辞典 - Japanese Traditional Color Names
    natsubi
    natsubi 2007/02/12
    和色ってなぜにこうも素敵なのか。
  • 1