グラデーションを使ったデザインのやり方 - GIGAZINE
Web2.0のデザイン的要素として「グラデーションをかける」という重要なものがありますが、このグラデーションのかけ方が実際にやってみると実に難しい。ネット上でいろいろ調べてみるとグラデーションのかけ方自体は様々な方法やチュートリアルが見つかるものの、「何が正解なのか？」というのは見つかりません。つまり、何がそのときに最もベストな方法なのかがわからないわけです。 また、ブログのテンプレートを選ぶ際にも、どのようなグラデーションが自分の目指すテーマのブログにふさわしいのかも基本的な知識がないとなかなかわかりにくいものです。 というわけで、今回はグラデーションを使ったデザインの仕方について。デザインをしない人でもどのデザインを選べばいいかがわかるように書いてみました。 ■間違ったグラデーションなど無い まず一番わかりやすいグラデーションについての誤解はこれ、汚いグラデーションやださいグラデーショ
Japanese Traditional Colors
桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお
カラーユニバーサルデザイン
『日経ものづくり』の2006年5月号で、「使いやすさへ挑む～『基準なきユニバーサル・デザイン』からの脱皮」という特集が組まれています。ユニバーサルデザインの実現に現場でどう取り組むか、という実践的な内容で興味深いのですが、その中で「カラーユニバーサルデザイン」という概念が紹介されていました。 恥ずかしながらカラーユニバーサルデザインという単語を聞いたのは初めてだったのですが、「色の見え方（色覚）の違い」に配慮する概念とのこと。「色覚バリアフリー」という単語が使われる場合もあるようです。詳しくはカラーユニバーサルデザイン機構（CUDO）というNPO法人が存在していますので、そちらのホームページをご参照下さい： ■ カラーユニバーサルデザイン機構（CUDO） 考えてみると、「色」というものが重要な機能を担うケースはあちこちに見られます。色の違いで状態を表現したり、危険を示したり、グルーピングを
AJAXで配色を決める無料サービス「Accessibility Color Wheel」
カラーホイールの中にマウスを入れるとリアルタイムでプレビューの色が変わります。「Foreground」がテキストの色、「Background」が背景色、「Invert」をクリックするとテキスト色と背景色が入れ替わります。また、「Bigger」を押すとカラーホイールがさらに大きくなり、「Smaller」を押すとカラーホイールが小さくなります。 Accessibility Color Wheel あと、ページの下部にあるのは色覚障害の人が見た場合の配色になっています。 なお、このカラーホイールの元になったのはこちらの無料サービスです。こっちもおもしろい。 4096 Color Wheel Version 2.1
徳永聖一郎『ビジュアルカラーコーディネート』 | なつみかん。
徳永聖一郎『ビジュアルカラーコーディネート』 2006.04.30 Sunday ビジュアルカラーコーディネート その配色に違和感を感じるとしたら、理由はただ一つ。それは、それが自然界に存在しない配色だから。 自然の配色は、動物も植物も風景もそのほとんどが「ブルーをベースにした配色」か「イエローをベースにした配色」で構成されている…というのが本書の概要。 例えば、植物をみると花びらが青みがかった赤なら、葉や茎も青みを含んだ緑なのです。これは植物に限らず、動物（もちろん人間）や自然の風景も同様です。美しいと感じる自然の造形物の配色は、ほとんどがどちらかのグループ同士で構成されているのです。 そして、この配色をそれぞれ「ブルードミナントカラー（BDC）」「イエロードミナントカラー（YDC）」と名付けています。詳しくはこのページにあるカラーパレットを眺めてほしいのですが、例えば同じ赤でもBDCな
Color Schemer | Create matching color schemes at the click of a button
Every Monday, get all the new schemes posted during the previous week sent to your inbox.
Colour Contrast Check - snook.ca
Description The Colour Contrast Check Tool allows to specify a foreground and a background colour and determine if they provide enough of a contrast "when viewed by someone having color deficits or when viewed on a black and white screen"[W3C]. The tool will indicate that the colours pass the test if both the colour difference and the brightness difference exceed their threshold. It will indicate
ページ配色を決めるのに便利な無料サービスいろいろ - GIGAZINE
まずは何も考えずに配色を考えたい人向けの「Color Wheel」から。 Color Wheel - ver 2.0.1 http://www.webwhirlers.com/colors/spinwheel.asp 「SPIN」をクリックすれば次々と配色が自動的にドンドン変わっていくので、お気に入りを見つければいいだけという超簡単仕様。各配色は背景や文字色などに割り当てられており、チェックマークを押すことで入れ替え可能。また、「HOLD」にチェックを入れればその色は「SPIN」を押しても変化しないようにできるので、気に入った色を見つけたらそれだけ固定して、さらに次の色も固定して入れ替えて…というようにすれば、いくらでも自分好みのカラーパターンを生成できるというわけ。 また、「Example1」以外にも「Example2」を押せば違うページレイアウトでの使用例も見ることができるので、同じ配
Recoloredというソフトを試してみました - tikeda's blog
モノクロ写真をカラー写真に復元する、Recoloredというソフトがありこれが面白いです。ペンツールで色を直感的に指定しなんとなくそれっぽい色が割り当てられ復元されていくというもの。 竹富島なごみの塔の写真をモノクロに変換して、的確に再現されるか試してみました。 まずはモノクロにした写真をソフトで開きます。 左側が操作側、右側がレンダリング画面ですが、ます空の色を入れるため、適当に青ラインを引きます。一色だけだと写真全体が青のグラでになります。 分かりにくいですが、石にグレーの線を入れました。これで色が少し分かれます。 草部分に緑をいれてみました。違和感がある・・。 手前の植物に明るい黄緑を。これまた違和感がある・・。 地面に砂色を入れます。 人に服の色を載せてみました。違和感のある緑を色々試行錯誤しましたが、ここであきらめ。 とこんな具合で、なかなかうまく再現できませんでしたが、なんだか
はてなヘッダ色サンプル
標準 ■ #e7ebff グレー ■ #EDEDED 緑 ■ #CFEFD8 紫 ■ #F0E8F2 茶 ■ #EDE2CE 赤 ■ #FFEAEA セピア ■ #FFF5E0 ピンク ■ #FFEDEA 抹茶 ■ #E9EEDE ライトグレー ■ #EDEDED ライトブルー ■ #EFF9FF オレンジ ■ #FFF6CD ライム ■ #E8FFEC 白 ■ #EEEEEE 黒 ■ #333333
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
caramel*vanilla » 見ているサイトのカラーパレットを瞬時に作る方法
基礎からわかるホームページの配色
Color Palette Generator
Color Tool 2.0.6 Alpha
caramel*vanilla - 色に関する便利ツールいろいろ
た ま ご い ろ 。 - Webデザインに色がもつメッセージを取り入れること。
最速インターフェース研究会 :: [萌ディタ] CSSで使っている色を分かりやすくする
Catchy Colors Photoblog
{style:phreak;} - colormatch redux
色の印象大事典