個人的に役立ったデザイン素材やTips、WEBサービス、役立つグッズ、あれやこれやをご紹介

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかるWEBサイトをご紹介します。
WEBデザインで重要なアクセシビリティ。
そのアクセシビリティに基づいたWEBサイト用のカラーと、その配色例がすぐにわかったら便利ではないですか。
今回ご紹介するサイトがまさにそれ。
このサイトがあれば、すぐに目的のカラーや配色を見つけて、自分のデザインに活用できるはず。
WEBデザインの配色のご参考になれば幸いです。

アクセシビリティを考慮したWEBカラーがまとめられた「Colors」

「Colors」はアクセシビリティを考慮したWEBカラーがまとめられたWEBサイトです。
カラーは16色。

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

HEX値だけでなく、CSSでクラス名だけですぐに利用できるCSSファイルのほか、sass、lessファイルなどもダウンロード可能です。

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

IllustratorやPhotoshopでも利用できるパレットもダウンロードできます。

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

「Colors」の配色例90がわかる「A11Y」

上記「Colors」は基本の18色だけでしたが、その基本色を組み合わせた90の配色例も提示されています。
同じ「Colors」サイト内にある「A11Y」というページです。
下記はその配色例の一部です。

アクセシビリティを考慮したWEBカラーと配色例90がすぐにわかる「Colors」

大変参考になるのが、コントラストが具体的な数値で表示されている点です。
当然、数値が高いものほど、コントラストが強くなります。
これはすごく参考になりますね。

Colors
A11Y

お役に立てましたら、以下どれでも結構のですので、ポチリと……。

  • 0
  • 0
  • 0
  • 6

Amazonアソシエイト・プログラム規約による記載
当サイトはamazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイト宣伝プログラムである、Amazonアソシエイト・プログラムの参加者です。

この記事を読んだ人はこんな記事も読んでいます

この配色は美しい!ウェス・アンダーソンの映像美を支える配色/カラーパレットを解析した「Wes Anderson Palettes」

類まれなセンスで映画をつくるウェス・アンダーソン監督。 その独特な感性で表現される世界観は多くの人

記事を読む

Photoshopで明度を調節できるスクリプト「Lighten / Darken Color」で効率アップ

Photoshopでカラーの明度を簡単に調節できるスクリプトが便利だったのでご紹介。 「描画色」を

記事を読む

2017年秋冬の流行色・トレンドカラー! 国際見本市SpinExpo発表の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介

2017年秋冬の流行色・トレンドカラー! 国際見本市SpinExpo発表の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介

SpinExpoが2017年秋冬の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi

記事を読む

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3の色名147色(RGB、HEX16進カラーコード併記)

CSS3になって、色名についても大幅に選択肢が増えたのをご存知でしょうか。 私は知りませんでした。

記事を読む

カラー・色彩心理学【お手軽版】色・カラーがもつ心理的意味がよくわかる

デザインにおいて色・カラーが重要なのは言うまでもないですよね。 さらに重要になってくるのが配色の知

記事を読む

配色に便利なPCCSをCMYK、RGB、HEX値に変換:PCCS・CMYK・RGB・HEX値対応表

PCCSというものをご存知でしょうか? PCCSとはPractical Color Coordin

記事を読む

2014年秋冬の流行色・トレンドカラーはこれ!国際見本市SpinExpoの流行色・トレンドカラー

SpinExpoが2014年秋冬の流行色・トレンドカラーを発表しました。 当然のことながら、Spi

記事を読む

2016年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

2016年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

SpinExpoが2016年春夏の流行色・トレンドカラーを発表しましたので、CMYK/RGB/HEX

記事を読む

2015年春夏の流行色・トレンドカラーをCMYK/RGB/HEXでご紹介!国際見本市SpinExpo発表の流行色・トレンドカラー

2015年春夏の流行色/トレンドカラーをCMYK/RGB/HEXで!国際見本市SpinExpo発表の流行色/トレンドカラー

SpinExpoが2015年春夏の流行色・トレンドカラーを発表しましたので、ご紹介します。 Spi

記事を読む

カラーを遊べ!16進数のカラーコードのイベンダーゲームでHEX博士だ

カラーを遊べ!16進数カラーコードのイベンダーゲームでHEX博士だ

16進数カラーコードいわゆるHEXをイベンダーゲームで楽しみながら学べる「Hex Invaders」

記事を読む