タグ

colorに関するkomzのブックマーク (58)

  • FM 100 Hue Test

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

    FM 100 Hue Test
    komz
    komz 2012/07/07
  • カラーIQテストで自分の色彩感覚を試してみよう

    記事はアフィリエイトプログラムによる収益を得ています 自分の色彩感覚のレベルを計ることができる「Test your color IQ」がおもしろいです。 このテストは、ばらばらに並べられた4列のパネルを、左右の色に合わせて綺麗なグラデーションに並び替えていくというもの。納得のいく並べ方ができたら「Score Test」をクリックすると結果が表示されます。間違いが増えるほどスコアが加算される仕組みで、0点に近づくほど正確な色彩感覚の持ち主だということになります。 並べ終わったら「Score Test」をクリック 結果は8点。結構自信あったのに……。 1枚1枚の色の違いはかなり微妙なもので、完璧なグラデーションを作るためにはかなり繊細な色彩感覚が必要。モニターなどの環境にも左右されるためこの結果が全てとは言えませんが、なかなか挑戦しがいのあるテストになっています。 編集部でもパーフェクト達

    カラーIQテストで自分の色彩感覚を試してみよう
    komz
    komz 2012/07/07
  • 絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎

    webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って? カラーモードRGBとCMYKとは? 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って? まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色

    komz
    komz 2012/05/19
  • ウェブ・印刷デザイン向け、テーマ別・カラー別の色の組み合わせやカラースキームのまとめ

    無料で利用できる、テーマ別やカラー別にマッチした色を組み合わたカラーパレットやカラーコンビネーションをCreative Color Schemesから紹介します。 まずは、テーマ別から。

    komz
    komz 2012/03/24
  • 配色決めにも利用できる!色について詳しく調べられるサイト「Color Hexa」 : 二十歳街道まっしぐら

    Color Hexaは色に関する情報をたくさん教えてくれるサービスです。 色の構成から似た色、反対の色などなど。 Webサイトの配色決めなどにも利用できそうですよ。 フォントや背景色、ボーダーにその色を使ったときの見た目も教えてくれます。 以下に使ってみた様子を載せておきます。 まず「Color Hexa」にアクセスしましょう。 カラーコードなどで色を検索しましょう。 このように色の構成などなど様々な情報が知れます。 似た色、反対の色、フォントや背景に使うとこんな感じなど、 実際に利用するときに役立ちそうな情報もたくさんあります。 色について困ったときは是非使ってみましょう。

    配色決めにも利用できる!色について詳しく調べられるサイト「Color Hexa」 : 二十歳街道まっしぐら
  • 普段あまり使わないカラーの組み合わせを効果的に使う方法

    Purple bud - EXPLORE - グリーンとパープルの組み合わせがよく見えると思ったことがあるでしょうか? グリーンとパープルを使う時は、あまり暗くならないようにします。ダークパープルやペイルグリーンは良さそうには見えません。 カラースキームとしてもっとも良いのはあまり暗くないパープルと暖色系のグリーンです。 ブルーとイエロー yellow strings [ad#ad-2] ブルーを使おうと考えた際、一緒にイエローを使おうと思うのは非常にまれです。しかし、この二つを使って作られるエフェクトに驚くでしょう。これらのカラーでウェブサイトをデザインするとき、もしブルーをメインに使うのであれば、もっとも良い見栄えになるでしょう。イエローを多く使うとより明るくなり、サイトがあまりにもブルーが多すぎる時に効果的です。 イエローを使う時は、単に明るいイエローではなく、際立っていない薄いイエ

    komz
    komz 2012/01/27
  • 専門家に聞く 年代別の老後資金作り  :日本経済新聞

    キャリア、転職、人材育成のヒントを提供してきた「リスキリング」チャンネルは新生「NIKKEIリスキリング」としてスタート。 ビジネスパーソンのためのファッション情報を集めた「Men’s Fashion」チャンネルは「THE NIKKEI MAGAZINE」デジタル版に進化しました。 その他のチャンネルはお休みし、公開コンテンツのほとんどは「日経電子版」ならびに課題解決型サイト「日経BizGate」で引き続きご覧いただけます。

    専門家に聞く 年代別の老後資金作り  :日本経済新聞
  • 色彩センスのいらない配色講座

    3. 自己紹介 職業:デザイナー 物心ついたときには絵を描くのが好きだった そのままの勢いで某美大某デザイン科に進学 社会に出たらデザインの話が通じなさすぎて悶絶 そんな社会に対して、デザインの効果をりろんてきに説明して説得しようとしている marippe_

    色彩センスのいらない配色講座
    komz
    komz 2011/09/07
  • カテゴリー別配色アイデア100

    カテゴリー別配色アイデア100配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 配色に関するおすすめサイトCOLOURlovers色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。 ウェブ配色ツール Ver2.0以前「配色に自信がなくても!Web デザインが好きになる配色ツ

    カテゴリー別配色アイデア100
    komz
    komz 2011/04/27
  • ASCII.jp:もう配色には困らない!「Adobe Kuler」

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

    ASCII.jp:もう配色には困らない!「Adobe Kuler」
    komz
    komz 2011/04/21
  • 写真に使われている色をカラーパレットとして保存できるiPhoneアプリ「Color Stream」 | ライフハッカー・ジャパン

    「Color Stream」は、写真に使われている色を読み込んで、カラーパレットとして保存できる、iPhoneアプリです。写真からの読み込み以外にも、自分で色を調節して作ることもできますよ。 作成したカラーパレットは、メールで保存したり、写真として残せます。 以下に使ってみた様子を載せておきます。 まず、Color Streamをダウンロードしましょう。 起動するとこんな感じ。 写真選択または写真撮影、おすすめカラーパレットの3つの項目。写真選択してみると、このようになります。 写真に使われている色を自動的に抽出してくれます。 カラーパレットは、写真としてiPhoneに保存できますし、メールで送ることも。 また、カラーパレットの色と似ている写真を探してくれる機能も。これ結構便利ですね。 写真からの取り込みを例にしましたが、このように、自分で色を調整してカラーパレットを作ることもできます。

    写真に使われている色をカラーパレットとして保存できるiPhoneアプリ「Color Stream」 | ライフハッカー・ジャパン
    komz
    komz 2010/09/14
  • 好きな画像の色合いでカラーパレットを作る「Pictaculous」 : ライフハッカー[日本版], 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア

    デスク配線がスッキリ。Ankerの全部入り12 in 1モニタースタンドが突然8,250円OFFされてた #Amazonセール

    好きな画像の色合いでカラーパレットを作る「Pictaculous」 : ライフハッカー[日本版], 仕事も生活も上手くこなすライフハック情報満載のブログ・メディア
    komz
    komz 2009/07/10
  • ColoRotate

    Work fast. Edit color palettes with a few taps of your fingers. Easily analyze, extract, adjust, and share colors. Color smart. Take control of colors with the intuitive 3D color scope. There are powerful tools for extracting from images, adjusting with blends, making precise edits, or generating fresh ideas with randomized palettes.

  • 行き詰まったデザイナーに贈る、新しいカラーパレットの作り方 | ライフハッカー・ジャパン

    次のデザインプロジェクトのために、新しいカラーパレットが必要になったら「ColorRotate」で作っちゃいましょう。ColorRotateは、見た目も楽しくて使いやすいカラーパレットジェネレーターです。 3Dのダイヤモンド型のパレットを、色調、濃淡、ブレンドなどモードを切り替え、前後左右に回しながら、自分好みの色を選んでいきます。もうちょっと普通の形の方がやりやすいんですけど...という場合は、普通のスライダーに切り替えることもできますのでご安心を。 まったく新しい自分だけのカラーパレットを一から作ることもできますし、他の人が作ったパレットをアレンジして作ることもできます。また、パレットはRGB、CMYK、LABなど色々なカラースキームで作ることができます。 作ったカラーパレットを保存するにはアカウント登録が必要ですが、アカウントが無くてもAdobe社製品で使える.ACTフォーマットにパ

    行き詰まったデザイナーに贈る、新しいカラーパレットの作り方 | ライフハッカー・ジャパン
  • google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting

    Code Archive Skip to content Google About Google Privacy Terms

    komz
    komz 2009/05/22
  • 画像から色を抽出し、カラーパレットを作成! | ライフハッカー・ジャパン

    「Colors Palette Generator」は色鮮やかな写真から色を抽出し、カラーパレットを作成してくれるWebツール。Webサイト作成時やデザインプロジェクトには欠かせないアイテムになりそうな予感です。 これよりもシンプルな「Colr」を紹介したことがありましたが、そちらと同様に選択したイメージをプロジェクト用にカラースキームにすることが可能。png、gif、jpegなど1MB以下のサイズであればどんな画像でもアップロードできます。アップロードが済むと「Color Palette Generator」はそこから色を抽出。さらに色はライト、ミディアム、ダークの3種類のパレットに分類されるのです。もし自動作成されたパレットで満足できない場合は49シェードのグリッドに分類することも可能です。使いやすい状態になったならそれをPhotoshopへインポートするなり、CSSスタイルシートとし

    画像から色を抽出し、カラーパレットを作成! | ライフハッカー・ジャパン
    komz
    komz 2009/02/20
  • 誕生日から「自分の色」と性格を知ることが出来る「誕生色占い」

    色の基準となる見帳を販売するPANTONEが提供する色彩論と占星術を組み合わせた「誕生色占い(カラーストロロジー)」のサイト。365日全てにある固有の色を見ることが可能で、その日に生まれた人の性格がどんなものかを知ることが出来るそうです。 詳細は以下から。::: COLORSTROLOGY ::: 最初にイントロが流れるので、さっさと自分の色を知りたい人は「SKIP INTRO」をクリック。 調べたい誕生月を選んでクリック。 それから、知りたい日付の小さい丸をクリックすると色が出てきます。 2ちゃんねるの管理人である西村博之は「SLATE ROSE」。「風変わりな習慣があり、普通の人とは決定的に違う」と書かれています。 ユニセフ親善大使でもある黒柳徹子は「GOLDEN POPPY」。「特別なものを持って生まれている。内側から放たれる星のような輝きがある」とのこと。 「名探偵コナン」の主人

    誕生日から「自分の色」と性格を知ることが出来る「誕生色占い」
    komz
    komz 2008/07/31
  • The Colors Of Global Brand Identities – Color + Design Blog by COLOURlovers

    Today, more than ever, companies need to separate themselves from the others who share the same crowded marketplaces, and it is being done with branding and creating a unique and easily recognizable visual identity. The visual identity of a business can be one of its most valuable intangible assets, and big part of that visual identity is color. Referring to Business Week’s ‘Best Global Brands 200

    komz
    komz 2008/06/22
  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
    komz
    komz 2008/02/14
  • 画像を解析してカラーパレットを作ってくれる無料サービスいろいろ - GIGAZINE

    アップロードした画像からその画像を構成する色の要素を抽出し、カラーパレットを作成してくれる無料のネットサービスいろいろです。サイト全体のカラーを統一するときなどに使うと、かなりいい感じです。 詳細は以下から。 Generate a Color Palette from an Image | Arno Nel 2.0 Color Palette Generator アップロードした画像を300ピクセルの長さにリサイズし、解析してくれます。 Palette Generator: Automagically create a harmonious color palette from a photograph FlickrやPhotobucketなどのサービスとも連携可能なのがウリ。 colr.org ランダムにFlickrから画像を選んでカラーパレットを生成したり、あるいはウェブページのアドレ

    画像を解析してカラーパレットを作ってくれる無料サービスいろいろ - GIGAZINE
    komz
    komz 2007/12/13