webcolourdata.com - webcolourdata リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Webサービスのイメージカラーを無作為に調べてみた｜インターネット界隈の事を調べるお
昨日、LINEのカンファレンスに行ってきたのですが、ぼんやりと「緑色を見るとLINEって感じだよなぁ」と思いました。これまで緑といえばあの渋谷の会社を連想してたのですが・・・。 他にも、色の組み合わせだけで特定のWebサービスを連想することができるものはあります。クリムゾンレッドだったら楽天とか。そんなわけで、Webサービスのイメージカラー（使用されている色）を調べてみました。なんだかオーラソーマ・カラーみたいです。 サービスはジャンル別に思いついたものを次々と取り上げた感じですので、脈絡がない箇所もあるかもしれません。色はスクリーンショットからのスポイトという地味な作業により調べております。 1、2行目はEC関連ですが、比較的暖色系も使われており、女性を意識したものも多いのかなって。逆に3行目はお堅いサービスなので青系が多い。以外なのがSNSも青系が多いんですね。3行目と4行目は配色が似
クリック率の高いテキストリンクの色は？【2013年版】 | ウェブ力学
前回との比較 前回の調査から2年半が経過している訳ですが、今回調べた中でリンクのデフォルト色を使っているサイトはありませんでした。リンクの色はデフォルト色より、やや弱い青色にするというのが浸透してきたように感じます。 NAVERとlivedoorのリンク色が同じになっていたのは経営統合の影響でしょうか。 また、「はてブ」や「にこにこ動画」のように青系でない色を使っているサイトもありました。はてブはリニューアルによって大きく変わったのですが、リンクの色を黒色ベースにしていたんですね。調べるまで気づきませんでした。 最適なリンクの色は？ 「リンクは青色」という認識は多くのユーザーに浸透しているので、一般的には青色をベースにするのが無難と言えます。具体的にはデフォルト色だと少し青が強すぎるので、やや”青”を弱くした色がいいでしょう。 但し、サイトのジャンルによっては青色を避けるというのも一つの選
東京Ruby会議10で、Rubyistのためのデザイン講座ワークショップやらせていただきました #p4d #tkrk10 - 納豆には卵を入れる派です。
#p4d Rubyistのためのデザイン講座 12:30 - 13:30 発表1: @machida さん / 「RailsエンジニアのためのTwitter Bootstrapカスタマイズ例」 13:50 - 14:50 発表2: @ken_c_lo さん / 「少ない手間と知識で "それなり" に見せる、ズルいデザインテクニック」 15:10 - 16:10 発表3: @saucerjp さん / 「ノンデザイナーのための配色理論」 16:30 - 17:45 実習: オトナの塗り絵で学ぶデザイン 発表内容は、前回の「第一回 プログラマ向けデザイン勉強会 #design4p」の再演で、前回1画面に詰めすぎて喋りにくかったという反省から、きちんとスライドを分割して臨もう…と思っていたのですが、前の晩にさあ作業をしようと思ったらいつの間にか寝てしまい当日の朝になっていたという失態をやらかし、
2013年のテーマカラーはエメラルド - Pantone Color of the Year 2013 -
色見本で有名なPANTONEが毎年発表する今年のテーマカラー。 ファッションやプロダクト、ウェブなどの分野でも毎年一定の影響力を持っています。 あけまあしておめでとうございます！ということで今年もご紹介いたします。 2013年のテーマからは明るく光り輝くみずみずしい緑のエメラルドだそうです。 （昨年は情熱的なオレンジのタンジェリンタンゴでしたよ） 人間が自然界で最も目にする色相でもある緑。 そして、透明、再会、若返りという言葉を表すエメラルド。 ファッションやインテリアなど色でお悩みの際にはこれを機に取り入れてみてはいかがでしょうか？ ということで、サイト右側のtwitterのバナーもPANTONEのエメラルドに変えました！（これも毎年恒例） 今年もよろしくお願いいたします！ via: Emerald - Pantone Color of the Year 2013: - Color tr
BrandColors
Close Modal About BrandColors BrandColors was created by DesignBombs. The goal was to create a helpful reference for the brand color codes that are needed most often. It's been featured by Smashing Magazine, CSS-Tricks, Web Design Depot, Tuts+, and over 2 million pageviews. There are now over 600 brands with 1600 colors and the collection is always growing.
配色に悩んだときに、きっと役立つ7つの配色技法【基本】
私は「色」が好きなので、配色を考えるのがそんなに苦ではないんですが、良い配色が思い浮かばず、苦しんでいるWebデザイナーさんは沢山います。 人の目で見分けられる色の数は750万色以上あると言われていて、デザイナーはこの膨大な色の中から配色を考えるんですが、これが結構大変なんです。経験を積んだWebデザイナーさんでも何日も配色に悩み、目の下に隈を作ることがあると聞いたことがあります。 そこで今回は、配色を考える時や、配色に悩みすぎて出口が見えなくなってしまった時に役立つ、基本的な7つの配色技法を紹介したと思います！ 基本的な7つの配色技法 これから紹介するの7つの配色技法は、お互いに明確な違いがない物もいくつかありますが、あくまでもこれらは配色の方向性・配色の考え方を示すものだと理解してください。それでは早速、例を交えながら特徴と効果をまとめて紹介させていただきます。 ドミナントカラー配色
日本の伝統色｢和色｣の名前が風流でかっこいい！
｢和色｣って聞いたことありますか？ これは日本の伝統色のことで、なんとその数は400以上にも上るのだそうです。たしかに一言で｢赤｣といっても、様々な赤がありますよね。くすんだものやビビッドなもの...日本ではそれらの色にそれぞれ名前を付け、区別してきたのです。 さて、その和色の名前がとにかくかっこいい！ とネットで評判になっていました。まずは和色名の一部をザッとご覧ください。 桜、珊瑚、真朱（まそお）、躑躅（つつじ）、牡丹、臙脂（えんじ）、茜、蘇芳（すおう）、真紅、女郎花（おみなえし）、杏、真赭（まそほ） 駱駝（らくだ）、胡桃（くるみ）、琥珀、煉瓦、紅鳶（べにとび）、弁柄（べんが）、赤銅（しゃくどう）、蜜柑（みかん）、朱、蒲公英（たんぽぽ）、向日葵（ひまわり）、山吹、鬱金（うこん）、金色（こんじき）、黄金（こがね）、芥子（からし） 藍海松茶（あいみるちゃ）、空五倍子（うつぶし）、亜麻、鶯（
25 Awesome Tools for Choosing a Website Color Scheme
As a designer, color management should be an integral part of your workflow. A website’s color scheme helps shape its identity and therefore should not be carelessly thrown together. Here are 25 online, desktop and iPhone applications to help you live and breathe color management no matter where you are. 19+ Million Digital Assets, With Unlimited Downloads Get unlimited downloads of 19+ million de
The Cool Hunter - The Power of Color
The Cool Hunter, Roaming the globe so you're in the know Black and white are the safe choices in the design world. The color of luxury is elegant and subdued. Yet, at the same time, even top-tier designers, artists and luxury brands have always used bright colors as well. It is not about either or. It is not black-and-white or color. Just try telling those who love Dale Chihuly’s art, Versace inte
0to255
Hex code RGB functional notation HSL functional notation Distance from base color HSL lightness value Click to copy Pre-orders now open! Color Studio transforms 0to255 into a comprehensive color tool that's ultra-efficient, inspiring to use, and delightfully unique. Available Spring 2024. Read the announcement Pre-order Color Studio 1 year at $2/month + 3 months free “A near perfect color picker”
もう色には迷わない！配色補助ツールのまとめ「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 一つのカラーを基軸として、それに
asahi.com（朝日新聞社）：色のバリアフリーへ２０色 色見本、デザインに活用 - 社会
よく使われる色づかい（上）と、誰でも見分けやすいように考えられた色（下）。厳密な色再現ではない＝伊藤准教授提供 誰でも見分けやすいように工夫した色見本を、東京大や日本塗料工業会などが作った。色覚障害や白内障の人のほか、一般の人にも色を実際に見てもらい、２千色以上から２０色に絞り込んだ。塗料用に続き、印刷インキ用の色見本も近く完成、デザイン業界などで使ってもらう予定だ。 東大の伊藤啓・准教授（分子神経生物学）は印刷インキメーカーのＤＩＣなどと協力、２年前から色見本づくりを進めてきた。実生活で使いそうな色を、屋外で日にあてたり、古い蛍光灯の下に置いたりして、色覚障害の人や白内障手術を受けた人のべ約４０人に見てもらった。 これまでよく使われた色づかいでは、赤と緑は色覚障害の人にとってまぎらわしく、黄色は白内障の人には明るすぎたという。そこで赤はオレンジ寄りに、緑は青みを強く、黄色は濃くした
ウェブページのカラーコントラストをチェックする -Check My Colours
ウェブページに使用されている全てのテキストと背景のカラーコントラストが充分であるかどうかチェックしてくれるオンラインサービス「Check My Colours」を紹介します。 カラーコントラストをチェックした結果画面 当サイトを試したところ、上記のようになりました。 テキストと背景の判定はスタイルシートから行っているようで、各要素ごとに使用している色とそのサンプル、コントラストが充分かが一覧で表示されています。 テキストが無い箇所や色指定が無い箇所の判定も行うため、一覧は長くなりますが、エラー箇所のみ表示することも可能です。
カラーユニバーサルデザイン推奨配色セット
色覚の多様性に配慮した 案内・サイン・図表等用のカラーユニバーサルデザイン 推奨配色セット ■ 東京大学分子細胞生物学研究所 高次構造研究分野 伊藤啓 ■ 社団法人日本塗料工業会（JPMA） ■ DIC 株式会社（旧･大日本インキ化学工業株式会社） DIC カラーデザイン株式会社 ■ 特定非営利活動法人カラーユニバーサルデザイン機構（CUDO） 概略 一般の人にも色の見え方が異なる人にも見分けやすい、カラーユニバーサルデザイン推奨配色セットを作成。 被験者実験を重ね、数千の候補色から20色を絞り込み。 塗料業界の色指定の業界標準であるJPMA塗料用標準色2011年F版に対応色を収録。印刷・デザイン業界の色指定の業界標準であるDICカラーガイドシリーズから対応色を選出。 はじめに いわゆる色弱（色覚異常）の人や、緑内障など網膜の疾患を持つ人、白内障の人は、色によっては違いを
カラーピッカー.js - JavaScript ライブラリー - HTML5.JP
対応ブラウザー Internet Explorer 6 以上 Firefox 2.0以上 Opera 9.0以上 Safari 3.0以上（もしかしたら2.0でも動作するかもしれませんが、未確認です。） Google Chrome 0.3以上 使い方 cpick_x_x_x.zipを解凍し、html5jpフォルダをウェブサーバにそのままアップロードしてください。そしてHTMLのhead要素内に、cpick.jsをロードするようscriptタグを記述しておきます。このサンプルは、html5jpフォルダが一階層上に存在しているものとしてscript要素のsrc属性を指定していますが、html5jpフォルダ はどこに設置しても構いません。html5jpフォルダの設置場所に合わせてcpick.jsをロードするscript要素のsrc属性を書き換えてください。
行き詰まったデザイナーに贈る、新しいカラーパレットの作り方 | ライフハッカー・ジャパン
次のデザインプロジェクトのために、新しいカラーパレットが必要になったら「ColorRotate」で作っちゃいましょう。ColorRotateは、見た目も楽しくて使いやすいカラーパレットジェネレーターです。 3Dのダイヤモンド型のパレットを、色調、濃淡、ブレンドなどモードを切り替え、前後左右に回しながら、自分好みの色を選んでいきます。もうちょっと普通の形の方がやりやすいんですけど...という場合は、普通のスライダーに切り替えることもできますのでご安心を。 まったく新しい自分だけのカラーパレットを一から作ることもできますし、他の人が作ったパレットをアレンジして作ることもできます。また、パレットはRGB、CMYK、LABなど色々なカラースキームで作ることができます。 作ったカラーパレットを保存するにはアカウント登録が必要ですが、アカウントが無くてもAdobe社製品で使える.ACTフォーマットにパ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
デザイナーの私が色選択に迷った時に使用している配色ツール・カラーチャートなどのまとめ
5 Online Color Palette Tools {blog color picker}