[解決済み] 背景色がわかっているときに、見栄えのよい文字色を見つけるには?[クローズド]
質問
カラー ホイール、カラー ピッカー、およびカラー マッチャーの Web アプリはたくさんあるように思われます。しかし、それらのほとんどは背景色のみに焦点を当て、それぞれの背景色に印刷されるテキストは (プレビューでテキストがまったく印刷されない場合)、黒か白のどちらかになります。
私の問題はそれとは異なります。テキスト領域で使用したい背景色はわかっています。助けてほしいのは、この背景でフォントの色として使用できるいくつかの色 (多ければ多いほどよい) を選択することです。最も重要なのは、フォントが読みやすい色であること(コントラストが低すぎないこと、また目に負担がかからないように高すぎないこと)、そしてもちろん、前景と背景の組み合わせがちょうどよく見えることです。
このようなアプリケーションをご存知の方はいらっしゃいますか?私は、ダウンロードしなければならないものよりも Web アプリケーションを希望します。ありがとうございます。
どのように解決するのですか?
アルゴリズムが必要な場合は、これを試してみてください。RGB 空間から HSV 空間 (色相、彩度、明度) に色を変換します。UIフレームワークでできない場合は、この記事を参照してください。 http://en.wikipedia.org/wiki/HSL_and_HSV#Conversion_from_RGB_to_HSL_or_HSV
色相は[0,360]の中にあります。反対色を見つけるには(カラーホイールを考えてください)、180度を加えればよいのです。
h = (h + 180) % 360;
彩度と値については、反転させる。
l = 1.0 - l;
v = 1.0 - v;
RGBに変換し直します。これにより、ほとんどの組み合わせが醜く見えても、常に高いコントラストを得ることができるはずです。
醜い("ugly")部分を避けたい場合は、いくつかの良い組み合わせ("good")で表を作り、最も差が少ないものを探します。
def q(x):
return x*x
def diff(col1, col2):
return math.sqrt(q(col1.r-col2.r) + q(col1.g-col2.g) + q(col1.b-col2.b))
というように記述し、それを利用します。
関連
-
[解決済み] このように色を表現する場合、#ffffffと0xffffはどう違うのでしょうか?
-
[解決済み] node.jsのコンソールのフォントカラーを変更する方法は?
-
[解決済み] .NETを使用して16進数のカラーコードから色を取得するには?
-
[解決済み] SVGの塗りつぶし色の透明度/アルファ値?
-
[解決済み】カラーリソースからcolor-intを取得する方法は?
-
[解決済み】背景色によって文字色を白や黒にする方法は?
-
[解決済み】背景色からフォントカラーを決定する方法
-
[解決済み】ANSIカラーエスケープシーケンス一覧
-
[解決済み] Vim: 検索ヒットやクイックフィックス選択時のハイライト色を変更する方法
-
[解決済み] Twitter Bootstrap の navbar の色
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] このように色を表現する場合、#ffffffと0xffffはどう違うのでしょうか?
-
[解決済み] ランタイム中にテキストの色を変更する(Unity)?
-
[解決済み] zshでプロンプトの色を変える(通常のテキストと違う)にはどうしたらいいですか?
-
[解決済み] SVGの塗りつぶし色の透明度/アルファ値?
-
[解決済み】ANSIカラーエスケープシーケンス一覧
-
[解決済み] 透明なARGBの16進数値
-
[解決済み] Vim: 検索ヒットやクイックフィックス選択時のハイライト色を変更する方法
-
[解決済み] RGBの値がある場合、どのように色合い(シェード)を作成するのですか?
-
[解決済み] アルファチャンネルを含む色の16進数表現?
-
[解決済み] Twitter Bootstrap の navbar の色