新着色 - Newly arriving Colors
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
SNSやWebサービスなどのロゴの色（ブランドカラー）を調べてみた
SNSなどのアイコンをWebフォントにするサイトが増えていると思います。Webフォントにするということはアイコンの色はこちらで指定する必要があります。ということでFont Awesome Iconsにあるアイコンの色を調べてみました。 で、調べていくうちに止まらなくなってきたので、Font Awesomeに限らず有名なロゴカラーを調べてみました。 Font Awesome Iconsの使い方等はこちらの記事もご参考に。 これは便利！アイコン型WebフォントのCDN「Font Awesome」｜Webpark アイコン型WebフォントをCSSでデザインしたボタン10個｜Webpark ということで、ブランドカラーを調べて並べてみたのがこちらです。 ボタンはそのサイトにリンクしています。 「参考」は公式サイト内にあるロゴの利用規約等のページにリンクしています。 「参考」のリンクがない場合は公式
日本の伝統色 和色大辞典 - Japanese Traditional Color Names
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
アプリケーションの連携が楽になる！ Adobe Color CCで、色をまとめて管理する方法？
この投稿を書く理由？ 2014年の11月に、僕は、映像制作用のアプリケーションを、Adobeに全面変更した。 それまでは、Adobeが展開している、Creative Cloudの料金を毎月支払うシステムが嫌で、代わりになる低額のアプリケーションを集めて、それで制作システムを組んでいた。 ところが、複数の会社が作っている、複数のアプリケーションで制作をしてみると、連携とか、信頼性とか、アップデートの遅さとかで、不満を感じることが多くなった。 それに、創造性を高める素材や教材などは、Adobeのアプリケーションのほうが、圧倒的に豊富だ。 というわけで、今回は、Adobeのアプリケーションで色を作ったり、管理したり、発見できたりする、Adobe Color CCというWebアプリケーションを紹介したいと思う。 Adobe Color CCは、もともとKulerという名称だったもので、Creati
DTP SKILL | AdobeColor_3
Adobe Color CCサイトはカラーテーマを作成したり、編集、管理するWeb上のソフトウェアといえるでしょう。カラーテーマを一から作成したり、作成済みのカラーテーマを編集するなどの高度な機能が備わっています。 作成したカラーテーマは、スウォッチパネルのライブラリとして書き出すことができますので、Illustratorの下位バージョンでカラーテーマを読み込みたい場合に利用するとよいでしょう。前のバージョンをお使いの方は、この方法でカラーテーマをスウォッチパネルに読み込むことができます。
配色が面白くなる！無料でイケてる「Adobe color CC」の使い方
どうも、Adobeのに会員になっており毎月の課金でカツカツしているカツザワです。 有料のCreative Cloud メンバーシップに加入していますが、いまいちフル活用しきれていないなぁと思っていたところ、無料で使うことができるとてもイケてるサービスに出会ったので紹介しちゃいますよ。 Adobe Color CCとは Adobe Color CC ひとことで言ってしまうと配色パターン作成サービスです。 Webブラウザ上で写真画像を取り込むと色の抽出できます。また、抽出した配色パターン（以下テーマと呼びます）を保存し、一般公開もできる仕様になっています。 さらにiPhoneアプリも公開されていて、iPhoneアプリから取り込んだ配色パターンをWebブラウザ上でも共有できるようになります。 以前は「Adobe Kuler」というサービス名で公開されていましたが、名称が変わりちょっと使い易くなっ
WEB色見本 原色大辞典 - HTMLカラーコード
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
【配色 - デザイン ★★★★★】 - 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
配色アイデアに困ったら使いたい、無料オンラインツールまとめ
デザイン制作をしているときに、思い通りの配色パターンが決まらない、そんな経験はないでしょうか。クリエイティブなアイデアが必要になってくる配色を助けてくれる、お役立ちサイトを覗いてみてはいかがでしょう。 海外デザインブログWebDesignLedger.comで、配色に迷ったときのアイデア、参考にしたくなるオンラインツールをまとめたエントリー「Color: Links, Books & Tools to Make Your Life Easier」が公開されていたので、今回はご紹介します。 詳細は以下から。 配色に迷わない、お役立ちオンラインツールまとめ Browse Palettes 世界中のユーザーが作成したカラーパレットを、閲覧することができる老舗サイト。各色のCMYK、RGB、HEX表記を一目で確認できます。 Flat UI フラットデザインに適したカラーパレットをまとめたサイトで、
配色はセンスではなくテクニック！ここだけは押さえておきたい３原則 | LISKUL
ウェブサイトの作成やパワーポイントのスライドなど、デザイナーでなくても配色を決めなければいけないシーンは多くあります。 配色を自分で決めようとすると、なんだかしっくりこない、これが正しい配色なのか分からないと感じている方も多いのではないでしょうか？ しかし、3つの原則をおさえて、無料ツールを使えば、ノンデザイナーでも簡単に調和のとれた配色ができるのです。 今回は、下のモノクロのコーポレートサイトの構成に、実際に配色を決めていく事例を紹介いたします。 ▼配色前の企業サイトのレイアウト 【原則1】 メインとなるカラーを1色選ぶ！はじめに、全体の印象を決めることになる、メインカラーを決めましょう。 メインカラーを決める色が持つ印象をおさえた上で、メインカラーを決めましょう。 色の持つイメージをうまく利用することで、伝えたいメッセージが伝わりやすくなります。 今回の事例では、知的で誠実な印象を与え
Webサイトにセンスある配色パターンを適用するための参考サイト - Lowaivill Tech Blog
【この記事を読むのに必要な時間は約 2 分です】 見やすく、センスのある色彩を素人が決めるのは大変難しいものです。思いつきで場当たり的に色を決めていくと全体の調和もなく、面白みのない配色になってしまいます。 まずはサイトに使用する色数と配色パターンを確定しておくだけでも統一感のあるすっきりとした印象になるのですが、デザインの心得がないとそれすら難しいですよね。そこで優れたクリエイターたちが作成した配色パターンが公開されているサイトをいくつかご紹介します。 dribbble dribbble では、クリエイターが製作途中の作品を400×300ピクセルのスクリーンショット （「ショット」と呼ばれる） 形式で投稿します。ユーザは招待制となっており、クリエイター・デザイナー向けの SNS と言えます。 ショットだけではなく、使用している色情報とカラーパレットファイル (.aco) が提供されていま
イラストをより魅力的にする方法 「色彩」編 | SONICMOOV LAB
はじめまして、こばやしです。 モバイルコンテンツチーム所属のデザイナーで、主にかわいらしい雰囲気のモバイル向けイラストコンテンツを制作しています。 私自身まだ勉強中ではありますが、私が普段イラストを制作する際に 気を付けている点やひと工夫をご紹介したいと思います。 魅力的なイラストとは さてみなさん！！！ 子供の頃に絵本を読んでいて、「この世界の中に入れたらなぁ」と思ったことはありませんか？ 私は大人になった今でもしょっちゅうあります。 そんな「楽しそう！ 行ってみたい！」と、ワクワクしてもらえるようなイラストを描きたい！！ そのために重要なのは、イラストに世界観やストーリーを持たせることです。 世界観などとおしゃれに言ってみましたが、難しいことではありません。 ちょっとした工夫を加えたり、気を付けるべきポイントさえおさえれば、何気ないイラストが一気に魅力的になるのです。 印象を大きく左右
最近のUIデザインで使われている同一色相のグラデーションなど、人気のあるカラーのまとめ | コリス
落ち着いたパステル系のカラー、同一色相の繊細で美しいグラデーションなど、Material Design, iOS 8, Modern UIなどやフラットなスタイルで使われている最近人気のあるカラーを紹介します。 PhotoshopやIllustrator用のスウォッチもダウンロードできますよ。
色カラー | 色彩とデザインのホームページ
色と色が組み合わさることによって様々な変化が起きます。また、色と何かが組み合わさると新たな出会いや発見が生まれます。色カラーは色と関わりのある情報をお届けするサイトです。色の組み合わせを楽しみましょう。 今のオススメ 配色検索！キーワードから作る配色 季節の色彩！3月のイメージ配色 季節で変わる好きな色と嫌いな色 この色が好きな人はこの色が嫌い 男性と女性で異なる色彩嗜好 迷いを解決！効率的な色の選び方 カラー講座 色の知識を広げよう！色の影響力の考察 色カラーで学ぶ色彩のこと。何気ない日常に変化を与えてくれるのが色です。色が持っている性格や色の印象が与える影響などを知っていると、日々が楽しくなります。 色彩感覚：色と心の関係 いま笑顔は何色に見えますか？ 色のイメージは経験や体調、性格、天気、流行、文化など様々な要因によって左右されます。また、同じ色でもその時々によって感じる感覚は違って
【図解で分かる】色彩センスのいらない配色入門 - Brian'z Imagination
2016 - 04 - 29 【図解で分かる】色彩センスのいらない配色入門 Webデザイン シェアする Bookmark! Facebook Twitter Google+ Pocket Feedly Web制作を生業としていると、ブログを書いている知り合いからこんな声を聞く。あなたもこんな経験ないだろうか。 背景色や文字色をいじるのだけれど、 どうもパッとしない 。 これだ！と思う色を選択して使っているはずなのに、 なかなか思ったようなイメージにならない 。 そもそも センスがない 。 本題に入る前に、最初にひとつ、 伝えておきたいこと がある。「自分にはセンスがないからブログのデザインを考えるなんておこがましい」なんて思っているひとには、特に聞いてほしい。 実はここだけの話だが、Web制作で飯を食っているぼくでさえ、ほんの少し前まではデザインのキホンの「キ」さえ知らなかった。おかげさま
Adobe Kuler を使い倒す！カラーテーマ作成から配色のテストまでの作業工程
色んな配色パターンをつくれるのと、他の人がつくったパターンを見られるのがいいですね。 似たようなものにColor Schemerがありますが、こちらは有料ソフト。でもさすがにツールは使いやすく色盲のチェックやらサンプルサイトを表示できたりと優れています。ウェブ版はフリーですがそちらは用途が少し違うんですよね。 と、いうわけでコストの面もあってKulerに落ち着いています。 第1部 Kuler とは？ Kuler とは？ ツールを起動しよう ツールにアクセスする カラーテーマ作成画面へ移動する カラーを変えてみる Kuler とは？ Kuler とは？ KulerはAdobe製のオンラインカラースキーマで、カラーテーマをつくったり他の人が作ったカラーテーマを見ることができます。 デスクトップやFlickrの画像から色を抽出できたり、スウォッチにインポートできるファイル（.ase：Adobe
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
色見本と配色サイト - color-sample.com
カラーホイール | カラースキーム - Adobe Color CC
富士フイルムビジネスイノベーション株式会社/FUJIFILM Business Innovation Corp.
全記事一覧
