ウェブページのカラーコントラストをチェックする -Check My Colours
ウェブページに使用されている全てのテキストと背景のカラーコントラストが充分であるかどうかチェックしてくれるオンラインサービス「Check My Colours」を紹介します。 カラーコントラストをチェックした結果画面 当サイトを試したところ、上記のようになりました。 テキストと背景の判定はスタイルシートから行っているようで、各要素ごとに使用している色とそのサンプル、コントラストが充分かが一覧で表示されています。 テキストが無い箇所や色指定が無い箇所の判定も行うため、一覧は長くなりますが、エラー箇所のみ表示することも可能です。
色のバリアフリーに配慮した色見本を色弱の僕がレビューします。 - 日々、とんは語る。
IRC でのりさんが教えてくださったのですが、CUDO(クドー)や日本塗料工業会DIC株式会社などにより色覚の多様性に配慮した案内・サイン・図表等用のカラーユニバーサルデザイン推奨配色セットというものが制作されたそうです。 DIC の色見本と言えば、デザイナーの方には有名かと思いますが、近いうちにDICカラーガイドシリーズに追加されるそうです。 また、日本塗料工業会塗料用標準色(JPMA Standard Paint Color)にも2009年5月会員予約受付開始分から収録されるそうです。 さっそくサイトのサンプルを見てみましょう。 赤 色弱の人が赤と感じやすいように、オレンジ寄りの赤にしています。 黄色 白内障の人が白と区別しやすい、濃い黄色にしています。 緑 色弱の人が黄色や赤と間違えやすい黄色みの強い緑を避け、青みが強い緑を選んでいます。ただし青緑まで行ってしまうと、今度はグレーや紫
Color Code Sample
背景の色の変更方法 <body bgcolor="#XXXXXX"> で 背景の色を変更できます。以下に /usr/lib/X11/rgb.txt の 色見本をしめします。256 色以上同時に 表示することはできません。 ■■■■■ (#fffafa) snow ■■■■■ (#f8f8ff) ghost white ■■■■■ (#f8f8ff) GhostWhite ■■■■■ (#f5f5f5) white smoke ■■■■■ (#f5f5f5) WhiteSmoke ■■■■■ (#dcdcdc) gainsboro ■■■■■ (#fffaf0) floral white ■■■■■ (#fffaf0) FloralWhite ■■■■■ (#fdf5e6) old lace ■■■■■ (#fdf5e6) OldLace ■■■■■ (#faf0e6) linen ■■■■
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Color Chart with 140 HTML Color Names
セオリーに基づいたカラースキームが設計できるオンラインサービス
