並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 12362件

新着順 人気順

カラーの検索結果1 - 40 件 / 12362件

  • WEB色見本 原色大辞典 - HTMLカラーコード

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

      WEB色見本 原色大辞典 - HTMLカラーコード
    • デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ

      New/ old tin palette / jessiecchapman 「色彩検定2級」と言う自慢していいんだかよくわからない資格を持っている私。…が、デザイン会社勤務でありながら、どうも「色使い」と言うものに苦手意識を持っておりまして。 いざデザインに取り掛かろう!となってからメインカラーを決めて、サブのカラーを決めて、よしこれだ、あ、でも待って、こっちの色の方がいいかも、ううん、元に戻そう…あ、やっぱりこのキャミソールにしようかしら…etcetc。 さっぱり作業が進まないこともしばしばなのですが、そんな時に使用しております配色の手助けツールをまとめておきたいと思います:)

        デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
      • 配色初心者でも効果的なカラーデザインが出来るようになる4つの工程 / Maka-Veli .com

        タイトル間違えました。 「僕みたいなクソデザイナーが配色する時に騙し騙しデザインする手法」です。 配色には色々作法があります。そして言葉もあります。加法、減法、色の三属性、伝統、政治的意味合い、などなど。厳密に出したらキリがありませんし、プロじゃないので、細かい事は抜きにして、個人的に抑えておく簡単なポイントをまとめてみました。 雰囲気のキーワードを出す なんとなくのキーワードを出します。 カッコイイ! うぉ!すっげ!って感じ クール とにかく渋く。鳥肌立つ感じで 可愛いっぽく。 やっぱ少し可愛くが良い ラブリー♡ もうワクワクーって感じで♥ シンプルに。 余計な物はいらん インパクトどーん とにかく覚えてもらいたい! 爽やかーーー キレイに見せたい! 楽しい! チョーハッピ スーパーハッピ ノ…(ry など。 ここで決めたキーワードがベースになります。 常に頭に入れてお

        • コピペで使えるオシャレな配色パターン見本 25 (全組み合わせWebカラーコード付) - LITERALLY

          今回はひたすら配色パターンを紹介していく。探しやすいように色ごとに分け、使いやすいように解説とWebコードも合わせて紹介する。プレゼン資料、Webデザインなどで目的に合った配色をそのままコピペして使って頂ければと思う。 ▼ 目次 カラフルな配色パターン 橙系の配色パターン 青系の配色パターン 緑系の配色パターン 黄色系の配色パターン 赤系の配色パターン 高級感を表現する配色 わび・さびを表現する和風配色 シンプルに格好良いグレーの配色 カラフルな配色パターン 1. 淡い「カラフル」 ■ #FF7D7D ■ #FFD580 ■ #B3E2B4 ■ #ABE7FF ■ #B8B2EA ■ #DBDBDB 淡いカラフルな配色は、白の背景に合わせると「透明感」を出すのに効果的。カラフル系の配色は扱いづらいので、上のコードをそのままコピペして使って頂くのが良いかと思う。 2. 力強い「カラフル」 ■

            コピペで使えるオシャレな配色パターン見本 25 (全組み合わせWebカラーコード付) - LITERALLY
          • 安野モヨコ描き下ろし、庵野秀明とカラー10年の歩みを描いた「おおきなカブ(株)」公開 | MOYOCO ANNO

            Tweet 昨年11月、ラフォーレ原宿で開催された「株式会社カラー10周年記念展」。 そこで展示された安野モヨコ描き下ろしの「おおきなカブ(株)」を本日より公開開始。 設立から10年という月日の流れを、妻として庵野秀明のそばで見守っていた安野モヨコが、記念に描き下ろした16ページ。 『監督不行届』おなじみの、カントクくんとロンパースと一緒に、カラー10周年の軌跡をお楽しみください。 同時に こちらから はアニメーション版も公開してます。 * * * ■関連リンク 株式会社カラー エヴァンゲリオン公式サイト 時々投稿される「ミニ監督不行届」が見られるのは こちら から。

              安野モヨコ描き下ろし、庵野秀明とカラー10年の歩みを描いた「おおきなカブ(株)」公開 | MOYOCO ANNO
            • 絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎

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

              • アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ

                ※ キャンペーンは終了しました。多数のご参加をいただきまして、誠にありがとうございました。結果発表はこちらから iOS・Androidアプリがカラースターに対応したことを記念して、豪華プレゼントキャンペーンを実施します! 6月8日(水)23時59分まで、はてなブックマークのアプリからこのページをブックマークするともれなく全員に「グリーンスター」を、「カラースターあるある」をTwitter連携でコメントすると、さらにレア度が高いカラースターが当たります! 詳しい応募方法はこのエントリーの最後をご覧ください。是非この機会にキャンペーンに参加して、カラースターを使ってみましょう。 カラースターって何? カラースターとは、ブックマークやコメントに付けて気持ちを伝えられる星の形をしたアイテムのひとつです。はてなブックマークで見つけた面白いエントリーやブックマーク、コメント、はてなブログ記事など、はて

                  アプリから「カラースターあるある」をコメントしてカラースターをもらおう! もれなくグリーンスタープレゼント! - はてなブックマーク開発ブログ
                • かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"

                  とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT

                    かおりゅ on Twitter: "とんでもないサイトを知ってしまった。絵描きやデザイナー大歓喜のカラーチャート『Colorbase』https://t.co/CLWprkukt6 色を選ぶと、その色の補色・類似色・同じ明るさを持つ色・白と合わせた時の見やすさ・色相… https://t.co/rOgsnechfT"
                  • webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳

                      webサイト作成時にサイトカラーを決められない人の為のwebサービスいくつか*ホームページを作る人のネタ帳
                    • 【収納術】カラーボックスを活用した整理・組合せ家具 アイデア集

                      カラーBOXってこんなにも応用が利くアイテムだったのか… ・カラーBOXは横に置いて活用 ・キャスターをつけると隙間を有効活用できる収納に ・アルミチャンネルで魅せる本棚・簡易引き出しが作れる ・つっぱり棒と組み合わせてクローゼット化 このあたりのアイディアはすごい使えそう。 ひとつの記事を見たら、欲が出ちゃってカラーボックス活用サイトを色々物色。中でも、下記の記事が特に参考になったのでご紹介。 さくっと眺めるだけでも今の部屋に即使えるアイデアが見つかるかもだし、いざ模様替え、引越し、って時のために保存しておくのもオススメ。

                        【収納術】カラーボックスを活用した整理・組合せ家具 アイデア集
                      • カラーユニバーサルデザイン推奨配色セット

                        色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会(JPMA) ■ DIC 株式会社(旧・大日本インキ化学工業株式会社) DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構(CUDO) 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに  いわゆる色弱(色覚異常)の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを

                        • 【2023】おしゃれな配色パターンが見つかる!カラーパレット人気ツール28個まとめ | Web Design Trends

                          配色はデザインにおいて重要な要素の1つですが、慣れている人でないとバランスの取れた配色を決めていくのは簡単ではありません。 そこで、今回は初心者の方でもおしゃれな配色ができるカラーパレットツール・配色パターン見本サービスをまとめました。下記のように、おすすめのツールや使用する色数ごとに分類しています。 おすすめカラーパレットツール・サービス AIを使ったカラーパレットツール 2色の配色パターン見本 3色の配色パターン見本 4色の配色パターン見本 5色の配色パターン見本 その他のカラーパレットツール・サービス グラデーションの配色パターン見本 2022年に流行するWebデザインの最新トレンド10個まとめ 2021年のミニマリズムを中心としたトレンドが注目されていましたが、2022年は鮮やかで、奇抜で、記憶に強く残るようなデザインを中心としたトレンドが注目されています。 今回は、2022年に流

                            【2023】おしゃれな配色パターンが見つかる!カラーパレット人気ツール28個まとめ | Web Design Trends
                          • カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン

                            相性の良い色を選んでくれたり、配色の手助けをしてくれるジェネレータはたくさんあります。25 Free Color Tools, Apps and Palette Generatorsで、様々な配色ジェネレータが紹介されていましたので、ここから17個を厳選して以下に紹介します。 1. Color Scheme Designer 3 「Color Scheme Designer 3」は、バランスのとれた色味を生成してくれるジェネレータ。配色に困ったらまずここでヒントを得ましょう。 2. Toucan 「Toucan」では、似た色や逆の色など配色パターンが選べます。画像から色を抽出することもできますよ。 3. kuler 「kuler」は、Adobe製の配色パターン生成ツール。直感で色を決めてみましょう。Adobe製品との連携もあるようです。 4. ColoRotate 「ColoRotate」

                              カラースキームを決めるのに役立つ、配色ジェネレータ17個まとめ | ライフハッカー・ジャパン
                            • プロカメラマン仕様のPhotoshopのトーンカーブのまとめ -写真画像の自然光とカラーを美しく印象的に仕上げる

                              シドニーを拠点に活躍しているプロのファッションカメラマン: Julia Trotti氏のトーンカーブのコレクションが無料でダウンロードできるので、紹介します。 まずは、トーンカーブファイルの利用方法を。 ダウンロードとインストールは簡単です。 各ページの左「download」からファイルをダウンロードし解凍、拡張子「.acv」がトーンカーブファイルです。 Photoshopのアプリケーションフォルダ内の「Presets/Curves」内にトーンカーブファイルを移動。これで準備は完了です。 トーンカーブを利用するのも簡単です。 Photoshopで画像を開きます。 メニューバーから「レイヤー: 新規調整レイヤー: トーンカーブ」を選択します。 トーンカーブのパネルの「プリセット」からトーンカーブを選択します。 ※ファイルがプリセットに無い場合 トーンカーブのパネルの右上のアイコンをクリックし

                                プロカメラマン仕様のPhotoshopのトーンカーブのまとめ -写真画像の自然光とカラーを美しく印象的に仕上げる
                              • プログラマのためのカラーパレットツールを作りました - shoya.io

                                Paletta - HSV Color palette for every Programmer 背景 フラットデザインの台頭によって、昨今のアプリ/サービス開発において「色選び」が重要視されています。例えば上の写真は次のトイレの時刻を機械学習で予測するRestCastというアプリですが、「いい感じの青」を基調としたタイルを敷くことで、トイレというワードをニオワセないデザインに仕上がるよう心がけてつくりました。 デザイナー/プログラマーの皆さんは普段どうやって色を選んでいるのでしょうか。多くの場合、既存のカラーパレットをぽちぽち選択したり、#123456のようなカラーコードを調整するのではないかと思います。実は、この方法で「いい感じの色」を選ぶのは難しいのです。その理由を色の表現方法を踏まえて説明します。 混色系と顕色系 色を数値で表現する方法を表色系といいます。オストワルト表色系やマンセ

                                • Web制作時に色(カラー選定)で困った際に役立ちそうな13のツールやサービス

                                  Webサイトの制作時にいつも 時間がかかるのがカラー選定 で、少し困っているのでもう少し 時間を短縮したいと思い、使って いるツールも含めていろいろご紹介。 いろいろ有りすぎるので使いやすいと思ったサービスに厳選しています。順不同。使いやすさとか好みもあると思うので参考程度に。。。ネタ帳さんのwebサイト作成時にサイトカラーを決められない人の為のwebサービスいくつかという記事も凄く参考になりますよ。 原色大辞典 色のリファレンス国内サイト。国内にも同じようなサイトは沢山ありますが個人的にここが一番見やすくて使いやすいです。 原色大辞典 colr.org 写真からスキームを作成してくれます。手持ちの画像をアップロードしてスキーム作成も可能ですが、flickrからランダムで呼び出したり、ピッカー機能があったり、タグ付け出来たりと多機能ですが、UIがシンプルで使いやすい。動作も軽いので重宝しま

                                    Web制作時に色(カラー選定)で困った際に役立ちそうな13のツールやサービス
                                  • ウェブ・印刷デザイン向け、テーマ別・カラー別の色の組み合わせやカラースキームのまとめ

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

                                    • 配色イラストレーターの「カラーガイド」

                                        配色イラストレーターの「カラーガイド」
                                      • WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト+2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳

                                          WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト+2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳
                                        • 無償の動画編集ソフト「DaVinci Resolve」の最新版が公開 ~全面的な強化で死角なし!/新しいカラーツール、編集ワークフローやオーディオの強化など、300点以上の改善

                                            無償の動画編集ソフト「DaVinci Resolve」の最新版が公開 ~全面的な強化で死角なし!/新しいカラーツール、編集ワークフローやオーディオの強化など、300点以上の改善
                                          • 【カラーテスト】92%がパスできません!イエロー限定テスト

                                            “もし魔法が使えたら…。 そんな妄想、誰もがしたことあるでしょう。 あなたはどんな魔法が得意だと思いますか? 熱い火で攻撃する炎魔法? それとも仲間をサポートする回復系? この診断では魔法使いであるあなたの得...

                                              【カラーテスト】92%がパスできません!イエロー限定テスト
                                            • カラーツール「0to255」で色を決めてメニューを作ってみる

                                              このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん

                                                カラーツール「0to255」で色を決めてメニューを作ってみる
                                              • 100年前ロシアで撮影されたカラー写真 : まめ速

                                                1:以下、名無しにかわりましてVIPがお送りします:2010/10/16(土) 18:56:16.41ID:0OzKJSRj0 俺のデジカメより高解像度・・・ 4:以下、名無しにかわりましてVIPがお送りします:2010/10/16(土) 19:00:10.93ID:0OzKJSRj0 記事元 http://gigazine.net/index.php?/news/comments/20100823_russia_in_color/ この写真を撮影したのは、ロシア帝国時代の写真家・セルゲイ・プロクジン=ゴルスキー(1863~1944)。 カラーフィルムが発明される以前に撮影されたということが信じられないほど 色鮮やかな景色がそこには収められています。 6:以下、名無しにかわりましてVIPがお送りします:2010/10/16(土) 19:04:58.17ID:qQ3CUDdk0 すっげー 3

                                                  100年前ロシアで撮影されたカラー写真 : まめ速
                                                • テーマカラー1色をメインに用いたWebサイト50

                                                  2018年10月11日 Webデザイン, インスピレーション, 色彩 前回の記事「WebデザイナーにおすすめのEvernote活用術」で紹介したように、私はEvernoteに素敵なデザインをストックする際、使われているテーマカラー別にタグをつけて分類しています。気がつけば各色のデザインストックが増えてきたので、その中でも厳選した5サイト×10色の合計50サイトを紹介します。単色をデザインに使う時のポイントも一緒に読んでみてくださいね! ↑私が10年以上利用している会計ソフト! 追記:リンク切れサイトを削除したため、数が減ってます… テーマカラーをメインに取り入れる時のポイント 「配色に自信がなくても!Webデザインが好きになる配色ツールと使い方」でも紹介したとおり、きれいな配色でもベタ塗りしただけではデザインの魅力が半減してしまいます。特に今回のようにテーマカラーを使う面積が広ければ広いほ

                                                    テーマカラー1色をメインに用いたWebサイト50
                                                  • 【新世代コミPo】「Midjouney」にマンガを描かせてみるテストで出来上がった超美麗フルカラー漫画「サイバーパンク桃太郎」がすごい

                                                    Rootport🍽 @rootport 【呪文詠唱のコツ】 ①たとえば「cyberpunk midnight tokyo」では「東京の色々な光景」が出てくるわけではない。最大公約数的な東京っぽい画像が、サイバーパンクに味付けされる。 ②なので、先に描きたいもの(※小さい東京のアパート)を指定し、それにサイバーパンクの味付けをさせるほうがいい。 pic.twitter.com/JMOMBjmhbO 2022-08-07 18:43:18

                                                      【新世代コミPo】「Midjouney」にマンガを描かせてみるテストで出来上がった超美麗フルカラー漫画「サイバーパンク桃太郎」がすごい
                                                    • 配色の基本。メイン・サブ・アクセントカラーを極める!

                                                      前回の[カラーデザインの基本。トーンを理解する!]と[カラーデザインの基本。色の三属性とは?]に引き続き、今回はメインカラー・サブカラー・アクセントカラーの基本ルールについて解説させていただきます。このメイン・サブ・アクセントカラーの基本ルール正しく理解すると、配色を考えるのが簡単になります。 頻繁に配色を悩む方や、デザインの途中で配色を変えてしまう方は、このメインカラー・サブカラー・アクセントカラーのルールを正しく理解できていない可能性があります。なので今回解説するこの記事を読んで、配色についての理解を深めましょう!(偉そうに書いちゃいました。すみません) ちなみに配色という言葉を辞書で引くと、『2つ以上の色を組合わせること。また、組合わせた色合いのこと』と書いてあります。 メイン・サブ・アクセントカラーの役割 まずは、メインカラー・サブカラー・アクセントカラーと呼ばれる、各要素の役割に

                                                        配色の基本。メイン・サブ・アクセントカラーを極める!
                                                      • WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ

                                                        色彩は、Webサイトが どのように際立つか ユーザの目にとまるか ユーザーにどのような感情を芽生えさせるか ユーザがどんな動作をするか に大きな影響を与える。 ユーザの属性に合わせて適切な色彩を使うことは、売上を増大させたり、滞在時間を長くしたり、直帰率を下げることにつながる。 また、Webサイトだけでなく、 ファッション インテリア エクステリア(住まいの外観) 広告、商品 などにも使えるので、汎用性のある知識だと思う。 色彩心理 色 プラスの心理的影響 マイナスの心理的影響 赤 情熱的 活動的 晴れやか 暖かい 元気の良い 購買欲求 安っぽい 派手 危険 暴力 青 さわやか 清らか 清涼感 すっきり クール 閑静 憂鬱 寂しい 冷淡 未熟 無機質 黄 若々しい 陽気 明るい 楽しい うるさい 目立つ 幼稚 警戒 緑 ナチュラル 新鮮 穏やか すがすがしい 毒 田舎 疲れ 未熟 紫 高貴

                                                          WEB制作者なら最低限知っておくべき色彩心理とWEBセーフカラー、WEBセーフカラーを出力するRubyコード - 久保清隆のブログ
                                                        • 防犯カラーボールを作った人に「どうやって犯人に当てるか」を聞く

                                                          1975年宮城県生まれ。元SEでフリーライターというインドア経歴だが、人前でしゃべる場面で緊張しない生態を持つ。主な賞罰はケータイ大喜利レジェンド。路線図が好き。(動画インタビュー) 前の記事:ソフトクリームが日本に広まったのは蕎麦屋と力道山のおかげ > 個人サイト 右脳TV 「練習用」のボールもある 訪れたのは東京は日本橋にある双喜商事さん。防犯カラーボールを開発した、天野隆夫さんが出迎えてくれた。 天野隆夫さん。応接室にはたくさんの「あのボール」が! 「カラーボール」とか「防犯ボール」とか呼ばれているあのボール。正しい商品名は「蛍光クラックボール」という(※本記事内では通称の「防犯カラーボール」で統一します) コンビニ、銀行、郵便局を中心に今でも年間17万~18万個を売り上げており、防犯カラーボールのシェアはほぼ100%だそうだ。 お近くのコンビニで見る防犯カラーボールは、ほぼ双喜商事

                                                            防犯カラーボールを作った人に「どうやって犯人に当てるか」を聞く
                                                          • これでもうPhotoshopの描画モードに迷わない! 「乗算」「焼き込みカラー」など、各描画モードがどのように機能するか解説

                                                            Photoshopなどのデザインソフトにある「乗算」「スクリーン」「焼き込みカラー」「覆い焼きカラー」など、各描画モードがどのように機能するかを解説します。 それぞれの違いがよく分からない、どんな効果があるのか分からないという人に、これを読めば描画モードでどれを使うか迷うことはなくなります。 Blending Modes by Dan Hollick (@DanHollick) 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 描画(ブレンディング)モードとは 各描画(ブレンディング)モードについて解説 はじめに 見た目が思い通りになるまで、描画モードをいろいろ試していませんか? 描画モードの種類 この記事を読んでもあまり変わらないかもしれませんが、少なくとも「比較(明)」や「比較(暗)」を使用することはなくなるでしょう

                                                              これでもうPhotoshopの描画モードに迷わない! 「乗算」「焼き込みカラー」など、各描画モードがどのように機能するか解説
                                                            • 『シン・エヴァ』のリモート制作を支えたシステム&ツール - カラーが考える「アニメのデジタル化」

                                                              2021年3月8日から公開された『シン・エヴァンゲリオン劇場版』(以下、シン・エヴァ)。本作は新型コロナウイルス感染症拡大による緊急事態宣言のもと、その終盤においてはリモート環境で制作が行われた。しかし、公開の迫るアニメ映画をリモートで完成させるのは並大抵のことではない。 講演「スタジオカラーのこれからのシステムづくり(仮)」の内容をお届けする。タイトルの(仮)は、登壇者のカラー・鈴木慎之介氏が立ち上げに携わった「ニコニコ動画」のβ版以前の初期名称に由来している 制作環境を構築するため、制作会社であるカラーは、大規模なシステムの強化やインフラの整備を実施。この制作環境構築プロジェクトで主導的な役割を果たしたのが、カラー 執行役員 技術管理統括の鈴木慎之介氏だ。 3月13日、アニメ制作におけるデジタル作画、関連技術をテーマとしたフォーラム「アニメーション・クリエイティブ・テクノロジー・フォー

                                                                『シン・エヴァ』のリモート制作を支えたシステム&ツール - カラーが考える「アニメのデジタル化」
                                                              • 一つのカラーから配色セオリーに基づいてカラースキームを作りだす配色設計に役立つツールのまとめ

                                                                コーポレートカラーなど、一つのカラーをベースに配色セオリーからカラースキームを設計したり、同系色やグラデーションを作りだしたりできるオンラインツールを紹介します。 またカラーのストックを増やしたり、カラーをベースにしたムードボード作りに役立つツールもいくつか。 最初は、国産のツールから。 配色の見本帳 | キーカラーで選ぶ配色パターン 一つのカラーをベースに、さまざまな色の法則から配色パターンを表示します。 上は緑みの青(#0099CE)をベースにしたもの。キャプチャの他に、彩度や明度による配色、色相環による配色など、さまざまな配色を表示します。説明付きなのも嬉しいポイントです。

                                                                • やってほしくない緑とオレンジの使い方(カラーUDの話)|ほうじ | 少数色覚デザイナー

                                                                  少数色覚者にとって黄緑とオレンジは見分けづらい組み合わせの一つです。この記事のタイトル画像とかなかなか最悪です。 WEB、アプリや印刷物などのメディアではだいぶカラーユニバーサルデザインの考え方が浸透してきており、デザイナーも多様な色覚でも読み違えないように配慮してデザインすることが当たり前になってきていると思います。 Photoshopなどのグラフィックツールには簡単に少数色覚の見え方を確認できるプレビューモードがありますし、AdobeColorを使えば無料で少数色覚の人が混同しやすい色かどうかをすぐに確かめられます。https://color.adobe.com/ja/create/color-accessibility 少数色覚が見分けづらい色の組み合わせだと「-」が表示されるしかし、工業製品の世界では少数色覚にとって見分けづらい緑とオレンジの組み合わせのLEDインジケータ(表示)を

                                                                    やってほしくない緑とオレンジの使い方(カラーUDの話)|ほうじ | 少数色覚デザイナー
                                                                  • 普段あまり使わないカラーの組み合わせを効果的に使う方法

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

                                                                    • 【図解】赤文字・青文字はもう古い。細分化される私たちの新しい「カラー」|最所あさみ

                                                                      「赤文字系」「青文字系」という言葉をご存知でしょうか。 古くからある女性誌の分け方のひとつで、端的にいうとモテ系か否か、というざっくりした区分です。 赤文字系で代表的なのが、CancamやJJなどのモテ系女子大生向け雑誌。 彼女たちにとっては、「かわいい」が最高の褒め言葉です。 対して、青文字系は「Zipper」や「Cutie」など、個性的な装いを好みます。 洋服選びのポイントは、男性からの評価よりもとにかく「自分らしくあること」。 「おしゃれだね」「個性的だね」が彼女たちの喜ぶワードです。 このように、雑誌を含めた女性向けマーケティングは、赤文字系・青文字系の二軸で語られてきました。 しかし、ネットの発達によって好みがより細分化された結果、私たちはマーケティングにおいて、より多くの「カラー」を意識する必要がでてきました。 そこで今回は、私の主観ベースで最近の新しい「カラー」について解説し

                                                                        【図解】赤文字・青文字はもう古い。細分化される私たちの新しい「カラー」|最所あさみ
                                                                      • カラーオンチなウェブデザイナーのお助けサイト : HotWeb Magazine

                                                                        • カラー別、デザインが素晴らしいウェブサイトのまとめ

                                                                          カラー別にデザインが素晴らしいウェブサイトのまとめを紹介します。 Web Design: Nice and Clean Layouts ホワイトをベースにしたウェブデザインのまとめ キャプチャ:Stu

                                                                          • カラーコードを読み上げてその色を取る「カラーコードかるた」が狂気を感じる

                                                                            てぃるry @p_till 拡張版が日本の伝統色追加でカラーコードめちゃくちゃでそれを使ってかるたやポーカーが出来るらしい 拡張版もやっぱ欲しかったな〜 2016-12-11 17:58:47

                                                                              カラーコードを読み上げてその色を取る「カラーコードかるた」が狂気を感じる
                                                                            • 1,800円の超小型Arduinoモジュール「M5StickC」が発売、カラー液晶やWi-Fiを搭載拡張ポートもあり

                                                                                1,800円の超小型Arduinoモジュール「M5StickC」が発売、カラー液晶やWi-Fiを搭載拡張ポートもあり
                                                                              • 国産限定・カラー選定、配色支援などに役立ちそうなカラーツールいろいろ

                                                                                カラースキーム、配色関連のツールの 大半は海外サイトのものです。僕も海外 のサイトを利用していますが、やはり 日本語の方が良いよねという方も少なく 無いかと、ふと思いましたので国産の サイトでカラー選定、配色支援に役立ち そうなツールを探してみましたのでシェア。 海外のは海外ので似たような機能のカラースキームツールばかりにもなっているので国産に目を向けてみるのも良いかもしれませんよ。ツールの前に配色を学びたいという方はwebデザイナーの色彩スキルを磨くエントリーまとめというエントリをご参照ください。 NIPPON COLORS – 日本の伝統色 まだ出来たばかりのツール。和の色専門ツールですよ。デザインも使用感もかなり素敵です。環境によってはうまく表示されないかもです。 NIPPON COLORS – 日本の伝統色 色サンプル(色見本と配色) もっと評価されて欲しいツール。明暗や、系統でカ

                                                                                  国産限定・カラー選定、配色支援などに役立ちそうなカラーツールいろいろ
                                                                                • miyahan.com | 液晶ディスプレイとカラーマネージメント

                                                                                  液晶ディスプレイとカラーマネージメント 編 このページは、Apple MacBook Pro に関するトピックをまとめた「myLife with MacBook Pro」で、 大変反響を呼んだ WUXGA ワイド液晶ディスプレイに関するトピックを独立させたものです。 ◆ ページが正常に表示されていない可能性があります ◆ もしこのメッセージが表示されている場合、ページの表示に必要なファイルが読み込まれていないか、あなたがレガシーウェブブラウザを使用している可能性があります。 このウェブサイトは比較的新しいテクノロジーで制作されているため、Netscape 4、Internet Explorer 6 などの旧世代Webブラウザでは閲覧に支障を来すおそれがあります。 またこのようなブラウザは、セキュリティが不十分な可能性があります。当サイトでは、Firefox、Opera、Safari 等の安