指定したキーワードをカラーコードに変換してくれるサイト「Colorize」 | ライフハッカー・ジャパン
「Colorize」は指定したキーワードをカラーコードに変換してくれるサイトです。「Sky」「Sand」などで検索するとその言葉で画像検索をし、画像検索の結果から平均した色をカラーコードで教えてくれます。 以下に使ってみた様子を載せておきます。 まずColorizeへアクセスしましょう。「lifehacker」で検索してみました。 しばらく解析が終わるとこのようにカラーコードが表示されます。「lifehacker」の色といえば「#91A66A」ということですね。Webデザインをしている際に、漠然としたサイトのイメージから色を決めたいときに活用できそうです。空って何色だろう、といった疑問に答えてくれるサイトです。ぜひご活用ください。 Colorize （カメきち）
色の組み合わせチェック - 読みやすい前景色と背景色
誰にも読みやすいコンテンツとするためには、文字色と背景色のコントラストをしっかり確保しなければなりません。これを客観的にチェックするため、色の明るさの差などを計算する仕組みを用意してみました。 色の組み合わせ検証 テストの手法 コントラストの計算 色覚偏位のシミュレーション 当サイトが独自に加えたコントラストの段階評価 コントラストと読みやすさの相関関係 色の組み合わせ検証 検証してみたい文字色と背景色の組み合わせを入力してみてください。色の指定には3桁もしくは6桁の16進数カラーコード、あるいは色名（CSS2の色名＋SVGの色名、計147色）およびrgb()の表現が使えます（初期値は、読みにくい例が入っています）。また、入力欄左ボックスから216色のパレットを呼び出して入力することもできます。文字色2、3は、複数の文字色の組み合わせを表示するためのオプションで、コントラストなどの計算は行
Japanese Traditional Colors
桜色 (さくらいろ) # 薄桜 (うすざくら) # 桜鼠 (さくらねず) # 鴇鼠 (ときねず) # 虹色 (にじいろ) # 珊瑚色 (さんごいろ) # 一斤染 (いっこんぞめ) # 宍色 (ししいろ) # 紅梅色 (こうばいいろ) # 薄紅 (うすべに) # 甚三紅 (じんざもみ) # 桃色 (ももいろ) # 鴇色 (ときいろ) # 撫子色 (なでしこいろ) # 灰梅 (はいうめ) # 灰桜 (はいざくら) # 淡紅藤 (あわべにふじ) # 石竹色 (せきちくいろ) # 薄紅梅 (うすこうばい) # 桃花色 (ももはないろ) # 水柿 (みずがき) # ときがら茶 (ときがらちゃ) # 退紅 (あらぞめ) # 薄柿 (うすがき) # 長春色 (ちょうしゅんいろ) # 梅鼠 (うめねず) # 鴇浅葱 (ときあさぎ) # 梅染 (うめぞめ) # 蘇芳香 (すおうこう) # 浅蘇芳 (あさすお
よりよいWebデザインにするための配色のセオリー :: Love & Design ::
第一印象を決めてしまうほど、色はとても大切な役割を持っています。 Webデザインのイメージを決める上で、色は最も重要な要素といっても過言ではありません。 配色には様々なルールがありますが、Webデザインの配色は好みやセンスに頼らず、目的や用途に合わせて「調和」と「役割」を持つ効果的な配色をしたいものですね。 そこでWebデザインでも“ 無駄にならない ”色彩心理や色の視覚効果など、配色のセオリーをまとめました。 では、さっそく配色の基本になる「色相」「明度」「彩度」「トーン」それぞれの色彩心理や視覚効果を紹介します。 色相差で配色 【イメージ効果】 暖かい⇔冷たい 動的な⇔静的な 情熱的な⇔理知的な → 色相が違う色同士を組み合わせると、色味の差が大きく感じられます。 背景色の心理補色（黄⇔青 赤⇔緑）の方向に色がずれ、左側の中のオレンジは青みを帯び、右は赤みを帯びて見えます。（色相対比）
Color Match, HTML color code, match website colors, color scheme
Hypergurl Games Web Design vs. Web Creation Anybody not in the website industry could be forgiven for thinking that web design and web creation are the same things. This blog will enlighten readers on the essential differences between the two aspects of building a website. Exciting articles will focus on how web design focuses on the user experience and how the site looks. Whereas web creation is
HTML Color Code Combination Chooser | Resources for Web Design For Developers
Choose the best HTML color combinations with this free tool. Easy to use color finder that generates HTML codes.Coversion Warning? The warning symbol shows when there is a difference between the chosen colour and the base output colour. It is important to note that RGB has a far greater range of colours than the pigment based RYB colour wheel. The tool will will choose the closest match. If you w
The Colors Of Global Brand Identities – Color + Design Blog by COLOURlovers
Today, more than ever, companies need to separate themselves from the others who share the same crowded marketplaces, and it is being done with branding and creating a unique and easily recognizable visual identity. The visual identity of a business can be one of its most valuable intangible assets, and big part of that visual identity is color. Referring to Business Week’s ‘Best Global Brands 200
浮世絵に学ぶ日本の伝統色と配色 | *LOVE IS DESIGN*
配色の参考になる色のランキングサイト COLOURlovers に、海外の名画のカラーパレットがありました。 Color Inspiration from the Masters of Painting そこで、世界の画家たちにも大きな影響を与えた、日本を代表する「浮世絵」からカラーパレットを作ってみました。 ■三世大谷鬼次の奴絵江戸兵衛（東洲斎写楽） ■鳳凰図屏風（葛飾北斎） ■江戸名所 浅草金龍山（歌川広重） ■ 亀戸梅屋舗（歌川広重） ゴッホが模写したことでも有名な絵 参考：印象派と浮世絵の意外な関係 ■春画（渓斎英泉）【オマケ】 ちょっぴりセクシーな配色？ 浮世絵とは、江戸時代に発達した版画絵で当時人気のあった歌舞伎役者や風景など、その時代の様々な風俗が描かれています。 「役者色」と呼ばれた人気歌舞伎役者が愛用した染物や色は、江戸時代の流行色で、役者の屋号や名前がそのまま色の名前に
Veerle's Topp, Daily Color Scheme - Your every-day color resource, we bring you daily-fresh color...
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Color Slider - 配色/色見本
ColorJack: Design Tools
Flickr Color Selectr