美術専門学校講師による「配色・色彩・彩度明度」の基本 - 2014/11/14 [Schoo]
本記事ではデザイン・アートの基本中の基本、「配色・色彩・彩度明度」という色にまつわる基礎知識をスクーの授業を元にご紹介。中学校の美術の時間に少し取り組んだくらいで、美術系の大学や専門学校に通っていないと触れる機会がない色についての知識。情報を正しく伝達するデザインをするために、誰もが知っておきたい理論ありきの配色選びを東洋美術学校の授業、『明日から使えるデザイン基礎理論【配色、タイポグラフィ、レイアウト編】』から学んでいきます！ ■目次 1.配色ってなに？ 2.色相、色相環ってなに？ 3.明度ってなに？ 4.彩度ってなに？ 1. 配色ってなに？ ”種々の色を取り合わせること。色のとり合わせ。”(wikipedia「配色」より引用） 色相・明度・彩度という色の三属性、モノサシを調整し、然るべきところに置くこと。 デザインや、イラストレーションに取り組むときに専門知識があると拠り所になりそうで
![美術専門学校講師による「配色・色彩・彩度明度」の基本 - 2014/11/14 [Schoo]](https://cdn-ak-scissors.b.st-hatena.com/image/square/f872d92f2d2ec05a85011ccc9d4ac49a293e06e7/height=288;version=1;width=512/http%3A%2F%2Fs3-ap-northeast-1.amazonaws.com%2Fi.schoo%2Fimages%2Farticle%2Fdesign%2Fwdkj11_1.jpg)
RGBとカラーコードの変換ツール : 数値が何色か調べることもできます
ツールの使い方 WEBブラウザ上で動作する、RGB値とHTML・CSSなどの色指定で使用するカラーコードを相互変換するシンプルなツールです。 カラーコードをRGB値に変換したい場合は上の欄にカラーコードを入力してください。 RGB値をカラーコードに変換したい場合は下の欄にRGB値を入力してください。 このツールはカラーコード・RGB値どちらか一方のパラメータを編集すると、その内容にあわせて反対側のパラメータが自動的に書き換えられる仕組みとなっておりますので、即座に変換結果を求めることができます。 上側の入力欄がカラーコード。6桁もしくは3桁の16進数を入力します。 下側の入力欄はRGB値の入力欄です。0から255まで10進数の数字が入ります。 Rが赤色、Gが緑色、Bが青色を表しています。 RGB値は、入力欄の横にあるスクロールバーで調整することもできます。 そして、一番下にあるボックスに現
カラーパレットを直感的に作ってページの見え方を確認できPNG・HTML出力もできる「Paletton」
色の組み合わせによって人を信頼させたり安心感を与えたりすることが可能ですが、複数の色を使う場合に統一感のある組み合わせを生み出すのはなかなか難しいもの。「Paletton」は簡単な操作で直感的に色の組み合わせることが可能で、実際にウェブサイトに採用したらどうなるのか？ということもサクッと確認でき、HTML・CSS・LESS・XML・TEXT・PNG・ACO・GPLなどさまざまな形式で出力することも可能という、かなり使えるサービスとなっています。 Paletton - The Color Scheme Designer http://www.paletton.com/ ページにはカラーホイールと、その隣に選んだ色の組み合わせが見られるパレットが表示されています。 ホイールの上にあるボタンからピックアップする色の数や組み合わせ方を選ぶことが可能。初期設定では1色だけをピックアップするようになっ
なぜインターネットでは「青色」が多用されているのか？
普段何気なく使用しているインターネット上のさまざまサービスをよく見てみると、至る所に「青色」が使われていることに気づきます。なぜ、インターネットではこれほどまでに青色が多用されているのか、IT関連のニュースサイトThe Awlがその理由を公開しており、興味深い内容になっていました。 Internet, Why So Blue? - The Awl http://www.theawl.com/2014/06/internet-why-so-blue こちらはGoogleが頻繁に自社のサービスに使用している青色です。カラーコードをHTMLなどで使う16進数で書くと「4385f5」になります。 試しに、Google検索を確認してみると、至る所に上記の青色が使用されているのがわかります。実は、Googleのデザイナーは上記の青色とは違う種類の青色をサービスのメインカラーに選んだのですが、上司から「
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Harmony - Chrome Web Store
Gradient Creator! - Chrome Web Store
