この記事を読んで、文字色の判定の基準が気になったので調べてみました。 w3cのWeb Content Accessibility Guidelinesでは、明るい色と暗い色のコントラスト比が少なくとも 4.5:1 になるようにとなっていました。大きい文字では 3:1 まで。 Material DesignもWCAGのこの基準をもとにしているそうです。
![JavaScriptで背景色から文字色を導出する](https://cdn-ak-scissors.b.st-hatena.com/image/square/56f882d7bef1fd03c4a53c2db3cc7d8d35d8fa08/height=288;version=1;width=512/https%3A%2F%2Fres.cloudinary.com%2Fzenn%2Fimage%2Fupload%2Fs--Gox_WNez--%2Fc_fit%252Cg_north_west%252Cl_text%3Anotosansjp-medium.otf_55%3AJavaScript%2525E3%252581%2525A7%2525E8%252583%25258C%2525E6%252599%2525AF%2525E8%252589%2525B2%2525E3%252581%25258B%2525E3%252582%252589%2525E6%252596%252587%2525E5%2525AD%252597%2525E8%252589%2525B2%2525E3%252582%252592%2525E5%2525B0%25258E%2525E5%252587%2525BA%2525E3%252581%252599%2525E3%252582%25258B%252Cw_1010%252Cx_90%252Cy_100%2Fg_south_west%252Cl_text%3Anotosansjp-medium.otf_37%3AMoriya%252520Hiroyuki%252Cx_203%252Cy_121%2Fg_south_west%252Ch_90%252Cl_fetch%3AaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzVjNzdmMGM5YTkuanBlZw%3D%3D%252Cr_max%252Cw_90%252Cx_87%252Cy_95%2Fv1627283836%2Fdefault%2Fog-base-w1200-v2.png)
Twitterはわれわれの常識を一変させた。今やっていることや思ったことを、すべてオープンにする。「ネットは危険」というこれまでの常識の中では成立しえなかったサービスだ。しかし実際にTwitterを使い、そのオープンさが新しい楽しさや価値を生むことに多くの人が気づいた。そしてネットは新しい時代に移行した。 同様に新しい時代を築くのではないかと期待されるサービスが登場した。「Color」と呼ばれるスマートフォンアプリだ。このアプリの登場で、シリコンバレーは久々にエキサイトしている。その様子は後述するとして、まずはアプリの機能を説明していこう。 簡単に言うと、写真共有サービス、もしくは写真版Twitterである。アプリを通じて写真を撮れば自動的にネット上にアップされる。「公開」「非公開」の設定はない。写真を撮ればすべてネット上に公開されるようになっている(ただしアップした写真をネット上から削除
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サイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ(いやそのまえにフォトショなりなんなりでデザインカ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く