Service discontinuedSorry! Service has been discontinued Thank you for caring about web accessibility with us all these years Giovanni Scala
ウェブページのカラーコントラストをチェックする -Check My Colours
ウェブページに使用されている全てのテキストと背景のカラーコントラストが充分であるかどうかチェックしてくれるオンラインサービス「Check My Colours」を紹介します。 カラーコントラストをチェックした結果画面 当サイトを試したところ、上記のようになりました。 テキストと背景の判定はスタイルシートから行っているようで、各要素ごとに使用している色とそのサンプル、コントラストが充分かが一覧で表示されています。 テキストが無い箇所や色指定が無い箇所の判定も行うため、一覧は長くなりますが、エラー箇所のみ表示することも可能です。
カラーツール「0to255」で色を決めてメニューを作ってみる
このブログで何回か紹介している0to255というオンラインツールですが、かなり便利だと思うので使い方を説明してみます。 色に関する知識が乏しい私ですが、0to255を使うとまとまった感じの配色になるので重宝しています。今回は0to255を使ってメニューを作る際の色選びをしてみます。 0to255の使い方 まず、0to255の使い方についてですが、下の画像のように「PICK A COLOR」をクリックしてカラーコードを入力します。 今回は「#ff7400」を指定してみます。 すると、指定した色より明るい色と暗い色がグラデーションになってたくさん表示されます。近い色がたくさん表示されますので、これらをうまく使うとまとまった感じのメニューが作れます。 メニューの配色を決める ということで、以下のような配色でメニューを作ってみます。 メニュー背景のグラデーションと境界線の1pxラインに使う色を選ん
意外と説明できない･･･なぜリンクの色が優先されるのか調べてみた
こんにちは湿気でつやつやてかてかの井畑です。 今回はCSSのリンクの色についてふと疑問に思うことがあったので、調べて記事にしてみました。 調べてみると、何て事はなかったのですが(爆)目から鱗というかなるほどーと思うことだったので、皆さんの脳みそのしわの一つにでもなれば幸いです。 それではどうぞー！ aのリンク色はなぜ親要素から継承されないの？ 僕が疑問を持った点を説明します。まずはコチラをご覧ください
絶対に覚えておきたいwebデザインの配色・カラー3つの基本と基礎
webデザインを考える時にカラーは切っても切りはなせません。しかし、配色は苦手だけど、まぁカラーの勉強は後でいいや…センス無いしその前にやることあるし…となんとなく後回しにされがちなんじゃないかなーと思います。基本を知っておくと、デザインに役立つのはもちろん、クライアントさんに提案出来たり、私生活や料理etc…様々な場面でとっても強い味方になってくれるます。ちょっとしたスキルアップをしたいと考えてるなら、まずは配色から初めてみるのが良いかもしれませんXD 色って？ カラーモードRGBとCMYKとは？ 色の三属性について 「色相」 「明度」 「彩度」 具体的な例と配色方法 面積比率 可読性 最後に 1.色って？ まず一口に色といっても色々(シャレじゃないですw)あるのですが大きく分けて果物や印刷物など物についてる色とテレビやパソコンのモニターなど光を放っている色の2種類があります。 物体色
配色の悩みを少しでも軽くするための、『色』に関するWEBサービスやツール色々！ | バンクーバーのうぇぶ屋
この前日本に一時帰国していてWEB制作の学校とか顔出す機会があったんですが、日本だろうが、海外だろうが『色』に関する悩みはやっぱ万国共通のようですね。 配色一つでセンスが問われますし、配色一つの為に膨大な時間を使ったりする、デザインをする上で考える『色』についてはセンスも時間も必要な非常にデザイナーとして神経使うとこなんじゃないでしょうか？ しっかし、僕がそうだったんですが、配色って本当に意識していないと何が良くて何が悪いのか中々判断つかない、デザインしていても一つの色ばかり見ていたらその色が何か気に食わなくなってきて、違う色を試してみたり。いくつかの色を併用してみたり、でもやっぱり戻してみたり。行ったり来たりで何が”良い配色”なのかがわからなくなったりすることが多いんですね。 んなことしていたら、『色』について悩む時間だけで丸一日過ごすなんてこともざらにあったりしたわけです。デザインしだ
YouTube人気急上昇
【ゆっくり実況】ロボットが進化して復活⁉新シーズンが大変なことになりそうな件ｗｗｗ【フォートナイト/Fortnite/かめはめ波縛り】GGGstudio所属
素敵な配色を見つける・作る、カラースキーム設計やグラデーション・パターン作成に役立つ -ColRD
さまざまなカラーパレット、グラデーション、パターンを見るだけでなく、作成して共有することもできるColRDを紹介します。 ColRD [ad#ad-2] カラーを見つける カラーを作る カラー作成に役立つツール カラーを見つける まずは、ColRDの「Discover（見つける）」から紹介します。 ColRDでは、カラーに関する4つのカテゴリが用意されています。 Discover Color Discover Palette Discover Gradient Discover Pattern
カテゴリー別配色アイデア100
2017年6月30日 色彩 配色によってそのデザインの印象は大きく変わると思います。色は大切な要素のひとつですね！ということで、色の持つ印象別に配色アイデアをずらりと並べてみます。配色はおなじみ（？）のCOLOURloversから、「これは！」と思うものを選ばせて頂きました。素敵な配色がいっぱいのこのサイト、ぜひ覗いてみてください！また、今回紹介するのはあくまで一例ですので、自分なりにアレンジしてみるのも楽しいと思います。サイトの雰囲気にあう配色を探してみてください。 ↑私が10年以上利用している会計ソフト！ 配色に関するおすすめサイト COLOURlovers 色をテーマにしたコミュニティサイト、COLOURlovers。自分の考えた配色を登録したり、お気に入りの配色を保存しておくことができます。今回はこちらから配色アイデアを選びました。iPhoneアプリは「ColorSchemer」と
Fireworksで、画像の上に乗せた文字を読みやすくするための9つの方法 | Fireworksマニア
デザイナー 春山 有由希のポートフォリオサイトです。
配色に役立ちそうなサイトを厳選しました - F.Ko-Jiの「一秒後は未来」
NAVERさんからお誘いいただいて、新NAVERまとめのモニタープログラムに参加しています。 作成するまとめのノルマが3個なのであともう1個。最初の2個は「女性へのプレゼントに最適！ビンやラベルがかわいい梅酒まとめ – NAVER まとめ」と「渋谷近辺で梅酒がたくさん飲めるバー・居酒屋 – NAVER まとめ」という梅酒関連でしたが、今回はネットサービスのジャンルで1個作りました。 » 配色に困った時に役立つカラースキーム系サイト集 – NAVER まとめ 色々なブログでちらほら見かけるネタではありますがNAVERのほうには見当たらなかったので、個人的な主観で厳選しました。自分がよく使うのは、 kuler 0to255 COLOURlovers あたりです。
URLからカラースキームが生成できるオンラインサービス -Whatcolor
#FFFFFFなどのRGB値の16進法表記を含めたURLから、そのカラーや色相環を利用した配色を表示するオンラインサービスを紹介します。 Whatcolor キャプチャは「#a4b37cの5 analogous colors」 [ad#ad-2] 上記キャプチャは、「#a4b37c」をベースにして色相環で隣接している5つの色をピックアップしたものです。 #a4b37c（ベース） #7cb396 #7c8eb3 #ac7cb3 #b3807c Whatcolorで利用できるURLの書式は以下の通りです。 http://whatcolor.heroku.com/cdc (省略表記) http://whatcolor.heroku.com/ccddcc (通常表記) http://whatcolor.heroku.com/009246/fff/ce2b46 (イタリアの国旗) http://wh
スーパーWebブランドの色使いが一目でわかるインフォグラフィック：In the looop：オルタナティブ・ブログ
印象的なインフォグラフィックを見つけたのでご紹介を。 その名も The Colors of the Web。Alexaにおけるアクセストップ100のWebブランドが、ロゴにどんなカラーを使用しているかを俯瞰するチャート。情報元は COLOURlovers だ。 やはり青系と赤系は王道だ。ソーシャル系はFacebookやTwitterがあるので青が優勢のよう。またGoogleやMSN, eBayなどトッププランドでは多色使いも多い感じだ。 このロゴを、アクセスの大きさに比例させ、カラーで分類したチャートはこちら。情報元は別で、NMAP.ORG だ。 ペースにしているのは、やはりAlexa2010年アクセスデータ。そして、なんとこの中には30万ほどのロゴが含まれているという超大作だ。 最大のアイコン、多色使いのグーグルがなぜか赤サイドによっていることもあり、これを見るといくぶん赤系のほうがアク
ECサイトの色やデザインと購買意欲の関係 | Webクリエイターボックス
色と消費者 色はデザインの重要な要素のひとつです。しかし、全世界において共通しているとは言えません。北アメリカで注目されやすい色がインドでも同じとは限りませんよね。下記は北アメリカのオンライン消費者への色の働きです。 黄色 楽観的・若々しさ。ウィンドウショッピングをしている人の注意を集めるために使われます。 赤 エネルギッシュ。心拍数を高める色。緊急性があり、セール中の商品に使われます。 青 信頼と安全の色。銀行や企業のメインカラーとして使われます。 緑 裕福・リラックスを連想させる色。目に優しく、一連のプロセスを容易に見せます。 オレンジ 活発・活動的な色。「購入する」「購読する」などのCTAボタンに使われる事が多いです。 ピンク ロマンチック・女性的な色。若い女の子や女性に向けたECサイトで使われます。 黒 パワフル・滑らか・光沢など。高級な商品を扱うサイトで使われます。 紫 落ち着き
the 12-step landing page rehab program
Earned media is complicated. Google’s algorithm changed 729 times, just in 2022. Our algorithmic-proof strategies not only help align websites with Google best practices, they ensure optimal visibility across other earned media platforms, like Google Play, the App Store, YouTube, Amazon and Pinterest. We’re experts at making complicated things simple. If you’re not in the top 3 spots for the keywo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://handywebdesign.net/2012/11/if-you-want-to-use-many-colors/
ウェブ・印刷デザイン向け、テーマ別・カラー別の色の組み合わせやカラースキームのまとめ
IDEA * IDEA
写真に使われている色をカラーパレットとして保存できるiPhoneアプリ「Color Stream」 | ライフハッカー・ジャパン
嘘だろ！そことここが同じ色？！って感じの騙し絵4枚 - 【ふらぶろ】