Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
Circle Controller HUE/360 Ver.0.1.3 © 2012 SAUCER.JP
最新情報 (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月をイ
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
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな(得意な)色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」(クーラー)だ。Kulerは、さまざまな色の組み合わせ(配色パターン、Kulerでは「テーマ」と呼ぶ)をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上(2009年1月現在)ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ(以降の説明はログインしているものとして進める)。
色の正確な認識に影響する要因はたくさんあります。テストの結果が毎回異なる場合は、下記の理由が考えられます。 照明:照明は色覚に大きく影響する要因の一つです。脳が認識する色は、照明色によって左右されていることをご存知でしたか?照明装置などを用いて、常に管理された光源下で色を判断するようにしましょう。 背景色の影響:人間の目が認識する色は、周囲の色に影響されます。この現象を同時対比と呼びます。色を判断する際、常にニュートラル色の環境で行ってください。 目の疲労:私たちの目は疲れやすく、物体を2、3秒以上眺めると目の化学物質が消耗され、間違ったカラー情報が脳に送信されてしまいます。色の目視評価を行う際は、再度観察する前に目を休めてください。 乏しい色の記憶力:どんな色でも、詳細を記憶するのは非常に難しいことです。わずかな色差を効果的に判断するには、サンプルが人の心を動かす程に印象的でなければいけ
ディスプレイは、製品ごとに色の再現性が異なります。 機種が違うと、もちろん色も異なるのですが、同じ機種でも 個体差があったりします。 もっと端的には、みなさんがお使い のディスプレイも、 使用年数が経つに従って、性能が劣化するため 購入当時とは、 色の再現性が異なってきていることでしょう。 ディスプレイの表示品質に整えることを、ディスプレイの キャリブレーションと言います。 キャリブレーションは、コンピュータで画像を扱う上で、 まず最初にすべき大切なことです。 せっかく、綺麗に取り込んだ 写真を、他のディスプレイでみたら、がっかり! なんてことのないように しっかりとキャリブレーションを行いましょう! また、ディスプレイとプリンタのカラーマッチングを行うためには、 できるだけ正確に キャリブレーションを行って できるだけ 正確なICCプロファイルを作成することが重要になります。 Photo
誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名(CSS2の色名+SVGの色名、計147色)およびrgb()の表現が使えます(初期値は、読みにくい例が入っています)。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色(黄⇔青 赤⇔緑)の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。(色相対比)
最新情報 (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月をイ
配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日本を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛(東洲斎写楽) ■鳳凰図屏風(葛飾北斎) ■江戸名所 浅草金龍山(歌川広重) ■ 亀戸梅屋舗(歌川広重) ゴッホが模写したことでも有名な絵 参考:印象派と浮世絵の意外な関係 ■春画(渓斎英泉)【オマケ】 ちょっぴりセクシーな配色? 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に
ウェブサイトやブログを作る上で配色はかなり重要ですが、それ故に面倒なものです。そういった悩みを解消するのがこの「ColorBlender」。基準となる色を1つ指定すれば、それに合う色を5色出してくれます。 詳細は以下から。 ColorBlender.com | Your free online color matching toolbox まずスライダーでRGBを調節。 色が決まったら右の「Match blend from active colour」を押し、今のパレットを破棄することをOKする。 すると自動でピックアップされた色が出てきます。 Editing modeを「Direct Edit」から「AutoMatch」に変えると、スライダーを動かすだけで色がピックアップされます。 フォトショップ用やイラストレーター用のカラーパレットとして保存でき、作った配色にリンクするURLも生成可能
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く