タグ

colorに関するqptaroのブックマーク (13)

  • @nifty:デイリーポータルZ:デジカメは紫が苦手?

    デジカメはその仕組み上、紫色を撮るのが苦手らしい。 と聞いて、 「知ってるよ」 という人もいれば 「やっぱりそうなのか!」 という人もいれば 「そうなの?」 という人もいるだろう。 私は、なんとなく知っていたつもりだ。実際に紫が変な色に撮れてしまった経験も何度かある。 一方、ちゃんと紫色に写ることもある。どうも、同じ紫でもOKなやつとそうでないやつがあるらしい。しかしどの場合がOKでどの場合がNGなのかは、聞かれてもサッパリわからない。 そのあたりをもう少しはっきりさせておきたい。 (text by T・斎藤) ●どうして紫が苦手なのか? 多くのデジカメは、光を光の三原色である赤と緑と青(RGB)に分解して捉える。 そしてその3つの色を混ぜ合わせることで、全ての色を表現している。例えば、赤と青が入り混じることで紫色が表現される。 一方、実際の光は、波長の違いによって色が変わる。 光は、波長

  • CSS Nite premium にジョインしました。カッ!

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 6月2日に行われた CSS Nite premium でリスペクトなお二人とトゥギャザーしてきました。(ルー的ジャパニーズ) 今回は、レイアウトや配色などに関する書籍や月刊誌 web creators などでも有名な、矢野りんさんの かわいいコブ付 プチ・コンサル付きのスペシャル版ということでたいへん勉強になりました。 このブログでも度々ご紹介した「効果的に伝えるWeb配色標準デザインガイド」の著者である坂邦夫さんともお会いできてマンモスハッピーです! ざっとメモ書きですが、内容と感想などレポートします。 ウェブサイトの色彩設計とは?(坂 邦夫さん) ◆色彩で実現で

    CSS Nite premium にジョインしました。カッ!
  • ウノウラボ Unoh Labs: 色選びのコツ

    こんにちは! yamazakiです。 高度なプログラミング話だらけのこのブログには全く馴染まない話題でアレですが、今回は「色」について書いてみようと思います。 Webサイトを作っているとき、ちょっとした書類を作るとき、「どんな色を使おうかなぁ」というのは毎度結構迷うところです。今回はそんなときにもしかしたら少しは役に立つかもしれない、色選びのTipsです。 色の「トーン」を意識してみよう 色の基、というと大抵どんなを見ても「色相」「彩度」「明度」という三つのパラメータがまず出てきます。「色相」「彩度」「明度」というのは 色相…その色が「赤」なのか「青」なのか「緑」なのか、その色の「色味」 彩度…色の「あざやかさ」。 明度…色の「明るさ」。黒がもっとも暗く(明度が低く)、白がもっとも明るい(明度が高い)。 なのですが、この三つのパラメータをもとに色を考えていても、いまいち「どの色に

    qptaro
    qptaro 2007/06/03
  • WEB色見本 原色大辞典 - HTMLカラーコード

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

    WEB色見本 原色大辞典 - HTMLカラーコード
    qptaro
    qptaro 2007/05/27
  • ColorBlender.com |色の相性

    To get started, choose a preferred color using the color picker below, and a 6-color matching palette (a "blend") will be automatically calculated. You may swicth to Direct Edit mode to tweak or edit individual colors of your blend. Saved blends will be associated with your account if you signed in or stored in your browser cookies if you are not a member yet.

    qptaro
    qptaro 2007/05/21
  • 相性の良い色を自動でピックアップしてくれる「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」
    qptaro
    qptaro 2007/05/21
  • ColorJack: Design Tools

    qptaro
    qptaro 2007/05/19
  • 覚えておきたい配色のワザと便利なツール :: Love & Design ::

    Webデザインや配色に役立つ(かもしれない)テクニック、便利なツールを紹介しています。 /*無駄にエロいのは仕様です*/ 01 About 02 Blog 03 Color 04 Design 05 Love 06 etc 色の3つの要素 配色を行う前に、色に関する基礎知識をおさらい。色は「色相・彩度・明度」の3つの要素によって成り立っています。明度だけの性質を持つ無彩色に対し、有彩色は色相、彩度、明度の3つの性質を持っています。これを「色の3属性」と呼びます。 色相(しきそう:Hue) 色相とは、赤・橙・黄・緑・青・紫などの色みのこと。 (色相はつながりあって色相環という輪になります。) 彩度(さいど:Saturation:Chroma) 色の鮮やかさ、強弱の度合いのこと。 彩度が高い(鮮やか)⇔彩度が低い(鈍い) 明度(めいど:Value:Brightness) 色の明るさの度合いのこ

    覚えておきたい配色のワザと便利なツール :: Love & Design ::
    qptaro
    qptaro 2007/05/19
  • JavaScriptで使えるカラーピッカー作成ライブラリまとめ:phpspot開発日誌

    Flashプレイヤーの検出とHTML埋め込みを簡単に行えるJavaScriptライブラリ... 次の記事 ≫:2006年プログラミング言語人気ランキングTOP20 JavaScriptで使えるカラーピッカー作成ライブラリまとめ。 フォームでHTMLの色情報を入力してもらう際に非常に便利なJavaScriptで出来たカラーピッカーライブラリ。 種類も多数あったので試用&まとめてみました。 Yahoo! UI Library ダウンロード後、examples\slider\ 以下に存在 インクルードすべきファイルが多く、設置がやや面倒。 ポイントした位置にスライドアニメーションしてくれてちょっとカッコいい。 dhtmlgoodies Color picker Color picker Adv 設置は比較的簡単。表示される色が不規則に並んでいるのが少々気になる点。 script.aculo.us

  • 画像の色をWEB上で解析「Color Palette Generator」:phpspot開発日誌

    Color Palette Generator Enter the URL of an image to get a color palette that matches the image. This is useful for coming up with a website color palette that matches a key image a client wants to work with. 画像の色をWEB上で解析「Color Palette Generator」。 Color Palette Generatorを使えば、次のようにURLを指定して画像の色をHTMLカラーで取得することが可能です。 ちょっと色をとりたい、でもツールはない、といった場合にこれは便利かもしれませんね。 いい色合いだと思う写真を解析してそのままデザインの際の配色に使ったりもできるかもしれま

  • i d e a * i d e a - 使える2.0系カラーパレット

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

    i d e a * i d e a - 使える2.0系カラーパレット
  • PHPで画像に使われている色を簡単に抽出する方法:phpspot開発日誌

    Color Extract クラス PHPで画像に使われている色を抽出する方法。 Flickr にあるような画像の色検索なんかを行いたい場合、あらかじめ画像の色についてキャッシュしておく必要がありますが、その色の取り出し方が面倒だったりします。 そこで、簡単に画像の色を取り出すクラスライブラリを今回紹介します。 このライブラリを使えば、次のように画像を、HTML色に変換して、色の使われた回数まで計算してくれて簡単に連想配列にはいります。 ↓ 使い方は次のようにすごく簡単で、次のサンプルのようにコーディングするだけです。 <?php include_once("colors.inc.php"); $ex=new GetMostCommonColors(); $ex->image="test.jpg"; $colors=$ex->Get_Color(); print_r($colors); ?

  • 第23回 「色」が持っている三つのチカラ

    前回に引き続き,「色」の話をします。前回は,「色を決めるプロセス」に触れましたが,今回は色がユーザーに届いた後,どんな「効果」を発揮するのかを考えてみます。 「色」が他の要素に比べて「雄弁」になりうる場面は,少なくとも三つあります。「強調」「印象」「関連」です。言葉で長々と説明しなくても,色を有効活用することで,発信者が持っているこれら三つの意思を,暗黙的にユーザーに伝えることができます。 ▼強調 まず「強調」に注目してみましょう。 前回の安全色に関する慣れ(あるいは刷り込み)のおかげか,特定の色に対して私たちは似たような反応を示します。例えば赤色を使った「ここに注目!」という表示があれば,この部分だけが目に飛び込んで見えます。他の文字色が黒であるがゆえに,そのコントラストの差によって目立たされているのもわかると思います。 しかし,この強調するという効果を,あまりに多用すると,かえって焦点

    第23回 「色」が持っている三つのチカラ
  • 1