タグ

デザインと色に関するDittyのブックマーク (26)

  • カラーコード変換ツール | Hex、RGB、HSV、CMYK、XYZ、LAB、HSLに対応

    カラーコード変換ツールについて使い方基的に、気になったところをクリックすれば、その色の色コードを調べることができます。Hex(16進数)からRGB(10進数)に変換したい場合は、Hexに直接カラーコードを入力するか、画面上部のカラーピッカーで色を選択して下さい。例えば、RGB(10進数)からHex(16進数)に変換したい場合は、R、G、B、それぞれに10進数でRGB値を入力して下さい。色コードをコピーしたくなったら、画面上部のナビバーの、コードの部分をクリックして下さい。補色と反転色補色は、色相環上の正反対に位置する色です。メインカラーに対するアクセントカラーの候補となります。反転色は、カラースケール上のRGB値を反転させた色です。こちらもメインカラーに対するアクセントカラーの候補となります。HSVとHSL色空間HSV、HSL値におけるSは「彩度」です。この値を減らすと、薄くなり、背景色

    カラーコード変換ツール | Hex、RGB、HSV、CMYK、XYZ、LAB、HSLに対応
  • 色見本と配色サイト - color-sample.com

    色 色は、雑誌、広告、テレビ・パソコン、家具・小物、雑貨など、生活する上で自然と目にするものですが、私たちはその目にする色の影響をどれほど受けているのでしょうか。人は750万色以上の色を目で認識できるそうですが、実は目を閉じていても、皮膚から色の違いを感じ取れることが分かっています。ここでは、Web上のフルカラーで表現できる1600万色の色見を見ることができます。心理的・生理的に影響のある色ですから、それぞれの色と向き合って色の個性を体感してみてください。

    色見本と配色サイト - color-sample.com
  • グレーのカラーチャート - カラーコード順のカラーチャート

    Mari's IROEMPITSU Home > いろずかん > カラーコード順のカラーチャート > グレーのカラーチャート Color Change グレーのみのカラーチャートです。 ©1998-2006 MariMari All rights reserved.

  • 色に関する基本と配色に困ったときの知識まとめ - コムテブログ

    TL;DR 先月、リーフレットを作ったときに「なぜか同じように印刷されない」とか、サイトを作るときにイメージが伝わりにくいと感じたことが多々ありました。で配色に関して勉強してみたんですが、基礎がダメだったんですね。基をしっかり勉強せねばと思いました。今回は配色やカラーマネージメント、3属性など基的なことを復習を兼ねてまとめました。 基 1.配色用語 筆者、記憶力と理解力が悪いので、色の勉強をする前に使用頻度の高い基用語をおさらいしておくことにします。「一言でいうと何?」と聞かれた時用に、簡潔にまとめました。 三原色/色を表現する基3色。色料(CMYK)と色光(RGB)がある。 CMYK/印刷物に使う。藍・紅・黄・黒。重ねるほど暗くなる減法混色。 RGB/PC モニタ・テレビ。赤・緑・青の3色。混ぜるほど明るくなる加法混色。 減法混色(げんぽうこんしょく)/CMY を使った混色。印

    色に関する基本と配色に困ったときの知識まとめ - コムテブログ
  • http://handywebdesign.net/2012/11/if-you-want-to-use-many-colors/

    http://handywebdesign.net/2012/11/if-you-want-to-use-many-colors/
  • カテゴリー別配色アイデア100

    2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね!ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ(?)のCOLOURloversから、「これは!」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください!また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト! 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と

    カテゴリー別配色アイデア100
  • 【配色 - デザイン ★★★★★】 - Color Scheme Designer 3

    Paletton, the color scheme designer In love with colors, since 2002. Paletton application Colorpedia About Paletton About Paletton Paletton.com is a designer color tool designed for creating color combinations that work together well. It uses classical color theory with ancient artistic RYB color wheel to design color palettes of one to four hues, each of five different shades. Various preview sty

  • Paletta - HSV Color Palette for Every Programmer

    Palettaは顕色系 (色相, 明度, 彩度) をベースに「調和のとれた色」だけを集めたカラーパレットです. 色を選択すると, 周囲の色が同系統の色に変わります. 画面上部のResetボタンを押すと, 色の選択が解除されます. カラーコードをクリックするだけでコードをクリップボードへ簡単にコピーできます.  詳しく

  • 「K=100は濃い灰色!」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然

    概要 ▶ PhotoshopVIPのK=100は黒ではありません? K=100は濃いグレー? リッチブラックはC=90, M=90, Y=30, K=100?…疑問に思ったので調べてみました。 K=100は黒ではありません。 Photoshopでやってしまいがちな10個の間違い - PhotoshopVIP 「Photoshopでやってしまいがちな10個の間違い」(PhotoshopVIP)で「K=100は黒ではありません」「K=100は濃い灰色」とあったので印刷関係者が騒然となった(一部)。 名指しはしていないけど、こちらのブログでも K100%は「濃いグレー」か? 日に限って言うならはっきりと、「いいえ。違います」 K100%はグレー???いいえ、「黒」です。それでもリッチブラックを使うなら… | やもめも とある。(違ったらすみません) 日と欧米ではブラックのインキの濃度が違う

    「K=100は濃い灰色!」「リッチブラックはC90% M90% Y30% K100%」で印刷関係者が騒然
  • カラーユニバーサルデザイン推奨配色セット

    色覚の多様性に配慮した�案内・サイン・図表等用のカラーユニバーサルデザイン�推奨配色セット (バリアフリーに配慮した見分けやすい色の組み合わせ) カラーユニバーサルデザイン推奨配色セット制作委員会 ■ 東京大学分子細胞生物学研究所 脳神経回路研究分野 伊藤啓 ■ 社団法人日塗料工業会(JPMA) ■ DIC 株式会社(DICグラフィックス株式会社・DICカラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構(CUDO) ■ 石川県工業試験場                前川満良 カラーユニバーサルデザイン推奨配色セット ガイドブック 第2版 カラーユニバーサルデザイン推奨配色セットの塗料用、印刷用、画面用の詳しい情報と、組み合わせる色の注意点、使用する上でのノウハウなどをまとめた冊子の第2版を作成しました。 CUD_color_set_GuideBook_2018

  • Adobe kuler

  • [ HUE / 360 ] The Color Scheme Application

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

  • 配色に自信がなくても!Webデザインが好きになる配色ツールと使い方

    2016年12月13日 Webデザイン, 便利ツール, 色彩 以前書いた記事「配色パターンからWebデザインを考える」を見た方から「いい配色だなーと思ってもうまく使いこなせない」という意見をいくつか頂きました。確かにすてきな配色をどうデザインに取り込んでいいのか、というのは難しいところです。今回は簡単に配色を提案してくれるオンラインツール「ウェブ配色ツール Ver2.0」を使って配色をWebデザインに取り込む方法を紹介します。 ↑私が10年以上利用している会計ソフト! ウェブ配色ツールを使った基的な配色方法 まずこの「ウェブ配色ツール Ver2.0」について。テーマカラーを一色選べば、それにあった配色を提案してくれる配色ツールです。Webサイトのプレビューを見ながら配色の調整ができるので、初心者さんにもおすすめです! オレンジを元に色相差0°で配色した例。色相差を0°にすると同系色(=同

    配色に自信がなくても!Webデザインが好きになる配色ツールと使い方
  • 配色パターンからWebデザインを考える

    2017年6月29日 Webデザイン, 色彩 ページを開いた瞬間にそのWebサイトのイメージを左右するほど重要な要素「色」。しかし色の組み合わせ、配色には無限のパターンがあり、正しい配色を見つけるのは簡単なことではありません。ここでは色彩の基礎と配色パターンの見つけ方の一例を紹介します。 ↑私が10年以上利用している会計ソフト! まずは色彩の三属性について 色は彩度・明度・色相の三属性(三要素とも呼ぶ)から成り立っています。 彩度 色の鮮やかさの度合いを表します。彩度の高い色は派手・華やか・目立つ色といえます。子供服やキャラクターグッズ関連のサイトには彩度の高い色が使われることが多いです。逆に彩度の低い色は地味・おだやか・上品であるといえるでしょう。和・ヴィンテージ風デザインのサイトには彩度の低い色がよく使われます。 明度 色の明るさの度合いを表します。明度が高い=明るい色はさわやかで爽

    配色パターンからWebデザインを考える
    Ditty
    Ditty 2012/09/23
    基本色の作り方。
  • 色彩センスのいらない配色講座

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

    色彩センスのいらない配色講座
  • Color Palette Generator

    Color schemes from any image.

    Ditty
    Ditty 2007/04/10
    画像に合う色を自動的に生成。
  • “色による情報格差”のない社会のために――CUDO/ナナオインタビュー

    田中氏 メンバーの1人で自身も色弱者である岡部正隆(現東京慈恵会医科大学 DNA医学研究所室長)が国立遺伝学研究所の研究員だったとき、色弱の研究者にも分かりやすいように緑と赤ではなく緑とマゼンタを使って蛍光顕微鏡の写真を提示してほしい、と学会などで主張したことが1つの発端になっています。人間の遺伝子の研究が進むにつれて、遺伝子の多様性が、色覚に限らず個人の特長や個性を作り、さまざまな人たちで構成される社会が成り立っていることが分かってきました。しかしそこで、赤と緑が同じように見えてしまうという都合の悪い(?)遺伝子は、片っ端から遺伝子治療して統一規格の人間を作ろうとか、都合の悪い個性を持つ人たちが個人の努力で困難を克服すればいい、ということではなく、いくらでも調整可能な社会側、この場合は情報発信側が対応すべきではないかという主張です。 武者氏 CUDOがNPOになる前、2001年頃から「色

    “色による情報格差”のない社会のために――CUDO/ナナオインタビュー
  • 「カラーユニバーサルデザイン」って知ってますか?

    「カラーユニバーサルデザイン」は、さまざまな利用者が使いやすいよう考えられた配色を含めた視覚情報のデザインです。色の見え方が異なる利用者すべてに情報が正確に伝わることを目指すこのカラーユニバーサルデザインが、いま注目を集めています。

    「カラーユニバーサルデザイン」って知ってますか?
  • NPO法人CUDO カラーユニバーサルデザイン推進機構

    Skip to content TOP tagsCUD友の会色覚異常色弱カラーユニバーサルデザインCUDCUD認証製品色覚検査 新着情報 CUD友の会8月定例会はお休みです NHKハートネットTVフクチッチで色覚が取り上げられます。 サーバートラブル復旧のお知らせ 展覧会「さまざまな色覚から見た薔薇の色」 CUD友の会5月開催のお知らせ 00お知らせ 09 CUD友の会 CUD友の会8月定例会はお休みです 2024年8月8日 cudo 事務局i 00お知らせ 02 メディア・インタビュー NHKハートネットTVフクチッチで色覚が取り上げられます。 2024年8月8日 cudo 事務局i 00お知らせ サーバートラブル復旧のお知らせ 2024年7月28日 cudo 事務局i 00お知らせ 01 イベント・講演 展覧会「さまざまな色覚から見た薔薇の色」 2024年5月8日 cudo 事務局i

    Ditty
    Ditty 2007/03/31
    色弱シミュレーションツールの紹介も。
  • WEB色見本 原色大辞典 - HTMLカラーコード

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

    WEB色見本 原色大辞典 - HTMLカラーコード
    Ditty
    Ditty 2007/03/30
    原色・和色・洋色・セーフカラー・パステルカラー等の色見本。