RGBとCMYKのカラーセオリーの「いろは」を一枚にまとめたチートシート
RGB用の配色パターン CMYKはシアン、マゼンダ、イエロー、ブラックの四色から構成されたカラーモデルで、紙ベースの印刷・DTPで使用されています。 RGBはレッド、グリーン、ブルーの三色から構成されたカラーモデルで、モニターベースのウェブやデジタルカメラで使用されています。 色の作り方は、CYMKは白から始まって引き算を行い、RGBは黒から始まって加算するものです。 カラーセオリーからカラースキームを簡単作成 ウェブ用にカラーセオリーを元に、簡単にカラースキームを作成できるオンラインサービスもあります。 セオリーに基づいたカラースキームが設計できるオンラインサービス
日本の伝統色 和色大辞典 - Japanese Traditional Color Names
原色大辞典とは 原色大辞典は1997年にオープンしたネットの色見本サイトです。 9種類の色見本と色に関する各種サービスから構成されています。 色見本コンテンツは ブラウザで定義されているHTMLカラーネーム、 日本の伝統色、 世界の伝統色、 Webセーフカラー、 パステルカラー、 ビビッドカラー、 モノトーン、 地下鉄のシンボルカラー、 国鉄制定の塗装色 の9つから構成され、特に日本の伝統色は古来伝わる先人の色彩感覚を現代に伝えるものとして多くの方々から支持をいただいています。 文字列と背景色の組み合わせを試せる配色大辞典、 規則性のある組み合わせから色を選べる配色パターン。 色見本の他にも、今日のラッキーカラー、 コトバから色を解析して調合する成分解析、 ストライプを生成するストライプメーカー、 グラデーションを生成するグラデーションメーカー、 あなたの好きな色と色を調合する色調合、 サ
Effective Color Palette and Color Scheme Generators
Colors carry a lot of emotions in themselves; each color represents some mood and changes its nature when used in any combination with other colors. So a lot depends upon colors which take a pivot role when it comes to designing a website too because the nature of a website is reflected through colors, say a dark background may give a bold appearance and a light background may suit for a professio
Open the Door into the Science of Color Theory | Envato Tuts+
Color theory is a vast and complicated sphere of knowledge. It consists of different scientific elements, such as: optics, spectroscopy, human anatomy and physiology, psychology, art history and theory, philosophy, ethics, architecture theory, design and many other applied sciences. In this article we will show only the schemes of harmonic color combinations and the examples of their usage by a bu
index | カラー戦略の専門家 | NCD-WEB | 色彩心理・生活者研究・トレンド分析の日本カラーデザイン研究所
24/2/22 イメージ情報86号発刊いたしました弊社のマーケティング＆トレンド情報誌「イメージ情報86号」が発刊いたしました。 今号では来年2025年の春夏の色やイメージを予測提案、今を知り、変化する未来予測に役立つ、時代の動きや女性の嗜好を分析した情報も収録。 特集では 今求められる「アフターコロナの暮らし」（女性編）のイメージ分析の定点観測分析を掲載、特典として本誌および感性ライフスタイル調査最新版データのダウンロードサービスがございます。 お問合せ・お申込みは左のお問合せフォームよりお願いいたします。 サンプルは左のバナーよりダウンロードしていただけます。 お見積りのご要望も承ります。 ■「イメージ情報」についてはこちらをごらんください。 ■「イメージ情報85号」データダウンロードサービスは2月21日で終了させていただきました。 ■「イメージ情報86号」データダウンロードサービスを
webデザイナーの色彩スキルを磨くエントリーまとめ
多くのwebデザイナーが、行き詰ったときに吐かれる台詞。 それが『センス』です。 センスがない、というのはよく聴く言葉です。 しかし、色彩感覚とは『センスの問題』ではなく、たんに勉強不足というケースも少なくありません。 今回はそんな色をテーマにしたエントリーをまとめて見る事にします。 とにかく最初に学ぶ基礎 この色彩系の分野においては圧倒的にwebクリエイターボックスブログが強いので、その中でこれは使えるぞというエントリを何個か抽出しています。そのほかにも、ちょっと古い記事でもとても参考になるものからもご紹介いたします。 正直私のブックマークが配色、色彩、色で60近くのエントリーがありました。 色で学ぶ部分と言うのは「広く浅く」では無く、どちらかと言うと「狭く深く」のほうが強い気がします。なので、そのブックマークの中から、かなりというかもう限界まで厳選した物をご紹介いたします。 配色パター
ウェブ配色ツール Ver2.0
基本的な使い方 左上のカラーピッカーを使って、任意の1色を作れば、それに合わせた配色が作れるツールです。またロゴの文字や色は任意の物を指定できるようになっています（ただしフォントは変更出来ません）。 カラーピッカーの下のスライダーを利用すれば、メイングラフィックの変更や色相幅も変えることが出来ます。動きが必要な配色の場合には、2つめのスライダーを右に動かしてください。補色配色に近い配色が出来上がります。 色の一覧を押すことで、出来上がった色の一覧を表示しますので、コピー&ペーストしてお使いください。 この配色ツールについて この配色ツールはフォルトゥナによって提供されています。リンク等は当然のことながら自由にしていただいて構いませんが、無断で複製・転載するのはおやめください。 取材・執筆等のお申し込み このツールに関してのご質問、あるいはその他の色に関する取材・業務や講演などは、フォルトゥ
30+ Very Useful Color Tools For Designers - designrfix.com
38 30+ Very Useful Color Tools For Designers Choosing the right colors and color combination for your web or print design is crucial when trying to invoke a certain feel, reaction or emotion from your viewers. In this post I have assembled an amazing collection of color selectors / color combination tools to make the selection process a little easier when trying to figure out what colors to use in
Color Theory for Designers, Part 1: The Meaning of Color — Smashing Magazine
Let’s dive into color theory. We’ll discuss the meanings behind the different color families, and give some examples of how these colors are used. There are few things in design that are more subjective—or more important—than the use of color. A color that can evoke one reaction in one person may evoke the opposite reaction in another, due to culture, prior association, or even just personal prefe
Tripwire Magazine | Handpicked goodies for entrepreneurs, developers and web designers
The quality and availability of WordPress e-commerce themes makes WordPress a serious choice as an online shop platform. In fact, WordPress has moved rapidly from being mainly a blogging platform and is now one of the top CMS systems for traditional websites. Lately,... Welcome to our Website Awards for best free WordPress themes. We are hosting this award to showcase the best websites to visit wh
FWD勉強会vol.1資料公開
2007年10月27日に開催された「PHP in Fukuoka ＆ 福岡Webデザイナーズ合同勉強会」で使用した資料を公開します。 FWD勉強会vol.1資料公開［PDF:1.4MB］ 当日伝えきれなかったことや、良い忘れていたこと、準備不足だった部分を補う意味で、付録を追加してから公開しようと思っていましたが、時間がかかりそうだったので、後日余裕ができてから公開したいと思います。 今回は「いろのはなし」というタイトルで、色彩調和をテーマに話をさせていただきました。学生の頃に色についての授業を受けているはずですが、あまり勉強をしていなかったので詳しいわけではなく、少し知っている程度でした。そこでいろんな本を読んだりしながら勉強をし直すことになりました。 色の話はとても範囲が広く、調べていくうちに全体をカバーすることなど到底無理であることが判ってたので、要望のあった「色彩調和」に絞ることに
デベロッパーのためのカラーピッカー – creamu
panicで、デベロッパーのためのカラーピッカーが公開されています。 Macのカラーピッカーにカスタムで↑のようなピッカーが追加されます。 インストールしてKeynoteを立ち上げてみました。一番右にビールみたいなアイコンが追加されます。虫眼鏡アイコンをクリックすると、色を抽出できますね。CSSとかHTMLを選んでCopyすると、それぞれ「rgb(250, 240, 156)」「#bb9c73」という風にRGBがコピーできます。なかなか使いやすい♪ ダウンロード後、以下のパスにファイルを置けばインストール完了です。 home / ColorPickers / DeveloperColorPicker.colorPicker ぜひ使ってみてはいかがでしょうか？ » Developer Color Picker dysonが届きました♪吸引力抜群、大きさも大きすぎずなかなか満足です。ちょくちょ
もう色には迷わない！配色補助ツールのまとめ「Online Color Tools For Web Developers」
TOP > WebService > もう色には迷わない！配色補助ツールのまとめ「Online Color Tools For Web Developers」 デザインする上で重要な要素の一つ色。色彩感覚については各々個人で異なると思いますが、色が与える印象と言うのはとても大きく、同じレイアウト、同じコンテンツだとしても配色次第で気持ちよくも気持ち悪くもなります。今日紹介する「Online Color Tools For Web Developers」は色を決めていく上で役に立つオンラインツールを集めたエントリーです。 4096 Color Wheel 様々な「色」にまつわるオンラインツールが集められていますが、今日はその中からいくつか気になったものをピックアップして紹介したいと思います。 詳しくは以下 ■Color Scheme Designer 一つのカラーを基軸として、それに
色が徐々にアニメーションして変化していく効果を作成するjQueryプラグイン「jquery.color」:phpspot開発日誌
色が徐々にアニメーションして変化していく効果を作成するjQueryプラグイン「jquery.color」 2009年07月10日- Plugins | jQuery Plugins 色が徐々にアニメーションして変化していく効果を作成するjQueryプラグイン「jquery.color」。 特定の色から別の色になめらかにアニメーションさせるには中間の色を計算して反映する必要がありますが、jQuery.color があれば簡単に実装できるみたい。 ↓↓↓徐々に色が変わっていく↓↓↓ ↓↓↓まだまだ変わります↓↓↓ デモページ - Animate Boxes ボタンを押してみましょう。 サイズの変更をしちゃうとレイアウトが崩れちゃうということであんまり使うことは無いのかもしれませんが、ボックス要素の色をアニメーション変化させ、目立たせるという用途にはなかなか使えそう。 関連エントリ アニメーショ
[JS]テキストや背景のカラーをアニメーションで変更するスクリプト -Color Animations
テキストや背景のカラーをアニメーションで少しずつ変更するスクリプトをDesizn Techから紹介します。 Playing with jQuery Color Plugin and Color Animation demo デモでは、テキストのカラーを変更するもの、背景を変更するもの、それぞれ異なるカラーに変更するものなどがあります。 テキストのカラーを変更する場合は、下記のように指定します。 <textarea name="code" class="html" cols="60" rows="5"> $(".first a").hover(function() { $(this).animate({color: "#00eeff" }, 400); },function() { $(this).animate({color: "#FFFFFF" }, 500); }); </textar
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FHPG:コラム:画像・フォント・テキスト:いろのはなし
独学でも合格したい！色彩検定資格取得への道｜COLOR-SL〜study＆learn
//// COLOURlovers :: loving colours since 1981
JAFCA （財団法人 日本ファッション協会 流行色情報センター）
デザインやファッションに取り入れたい、2009年 秋のトレンドカラー