Color data cited: “日本の伝統色 The Traditional Colors of Japan”. PIE BOOKS, 2007.
あなたは色がどれだけ見えていますか? グラデーションで色の正確さを計測できる「Online Color Challenge」2014.03.09 21:009,361 小暮ひさのり 「How well do you see color?」あなたは色がどれだけ見えていますか? という問いかけで始まるこのサイト「Online Color Challenge」では、グラデーションを順番に並べ替えるカラーテストが試せます。利用方法は簡単、■のブロックを自然にグラデーションするように並べ替えるだけでOKです。並べ替え終わったら「Score Test」をクリックすると結果が表示されますよ。スコアが小さいほど正確に並べ替えられたということ。 なお、このサイトによると…。 程度こそ違えど女性では255人に1人。男性では12人に1人の割合で何かしらの色覚異常を持っているとのこと。Wikipedia「色覚異常
そんなSassが町田先生のCustomizedTwitterBootstrapに含まれていたので、これをTwitter Bootstrap3に対応させてみたのでした。 ソース こちらが良い感じにしてくれるベースの変数です。 $base-color、$main-color、$accent-color、$base-text-colorを決めることで良い感じにしてくれます。僕は下のファイルみたいなテイストが好きです。ほんわかしている。仕事では使えない感じがある。 実際に読み込むときには、Twitter Bootstrapより先に変数を読み込んでおきます。 //--------------------------------------------------------- // Color Scheme for Bootstrap @import colors/try @import color
All About Picking Colors Digital color can be represented in a number of ways. The most common ways to represent color on the web are via a 6-digit HEX number, RGBA, and HSL (Support for HSL was added in CSS3). Hex is a 6-digit, 24 bit, hexidecimal number that represents Red, Green, and Blue. An example of a Hex color representation is #123456, 12 is Red, 34 is Green, and 56 is Blue. There are 16
見て楽しい触って便利な、最近リリースされたものを中心としたウェブデザインの配色設計に役立つオンラインサービスを紹介します。 まずは、気軽にカラーを楽しめるサービスから。
検証1 http://dribbble.com/shots/1059591-Home-Automation-Flat-App-Design まずはこちらを検証してみました。 色のバランスを見てみるとペンタードと呼ばれるバランスに近いような気がします。色数が増える場合には、このようなバランスを保って配色を心がけるといいでしょう。(フラットデザインに限らず) ※ペンタード配色とは? 色相環を5等分した色相同士の配色のこと 背景がブラックということもあってか、彩度は押さえ気味な印象でトーンも高くありません。こう、見た感じパンチのある色はほとんどありませんよね。落ち着いた印象です。 そうすることによって背景色とのバランスも取れるように考えてあります。 検証2 http://dribbble.com/shots/1052090-AirportChatter-V2-Concept/attachment
blue, red, yellow, gray, blackなど、現在スタイルシートで名前で利用できるカラーはギラついた色味のものが多いですが、今時のちょっと抑えた色味に変えるスタイルシートを紹介します。 LESS版、Sass版もあり、カラーコードの一覧も用意されているので、デザイナーがカラーのバリエーションとして備えておくのにも役立ちます。 新旧カラーの比較 colors.cssの使い方 使い方は簡単です。 当スタイルシートを外部ファイルとして記述するだけです。 <link rel="stylesheet" href="css/colors.css"> スタイルシートには各カラーごとに、colorとbackground-colorが利用できるようになっています。 /* Colors */ .navy { color: #001f3f; } /* Backgrounds */ .bg-na
ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー(iframe)の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }
こんにちは、あゆみです。 Web用としてデータを作成し、フライヤーなどで印刷したとき「なんか色が違うなあ……」と思ったこと、ありませんか? RGBからCMYKへ変換すると、墨がくすんだような仕上がりになることがあるんです。そこで今回は、Webと紙の両方でデザインをするときに気をつけたい、ちょっとしたことをまとめてみました。 「わからないこと」が一瞬で解決するかも? Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します! ▼少しでも気になる方は、ぜひ公式サイトをご覧ください! CMYKとRGBの基礎 まずは色そのもの(CMYKとRGB)についてさくっと説明します。 みなさんが普段目にするものにはすべて色がついていますよね。すべての色は光からの刺激でそ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く