[解決済み] RGBカラーの知覚的な明るさを決定する公式
2022-03-21 14:27:26
質問
RGBの値から色の明るさを決める公式やアルゴリズムのようなものを探しています。 RGB値を足し算して、合計が大きければ明るいというような単純なものではないことは分かっているのですが、何から手をつければいいのか途方に暮れています。
どのように解決する?
その方法は、お客様のニーズによって異なる可能性があります。ここでは、ルミナンスの計算方法を3つ紹介します。
-
ルミナンス(特定の色空間の標準)。
(0.2126*R + 0.7152*G + 0.0722*B)
ソース -
輝度(知覚的選択肢1)。
(0.299*R + 0.587*G + 0.114*B)
ソース -
輝度(知覚オプション2、計算が遅い)。 <ストライク
sqrt( 0.241*R^2 + 0.691*G^2 + 0.068*B^2 )
→sqrt( 0.299*R^2 + 0.587*G^2 + 0.114*B^2 )
(おかげさまで マシュー・ハーブスト(@MatthewHerbst ) ソース
<サブ [編集:各メソッドでソートされた名前付きCSSカラーを使用した例を追加しました] 。
関連
-
[解決済み] HAMLを使って、コンテンツに画像を追加するには?
-
[解決済み] CSSによるフォールバック画像
-
[解決済み] kubernetesでデプロイメント/イメージを削除する方法
-
[解決済み] RGBAカラーをRGBに変換する
-
[解決済み] 平均像減算の仕組みは?
-
[解決済み] RGBから16進数、16進数からRGB
-
[解決済み] プログラムによって、16進数の色を明るくしたり暗くしたりする(または、rgb、およびブレンドカラー)。
-
[解決済み】CSS3 回転アニメーション
-
[解決済み】背景色からフォントカラーを決定する方法
-
[解決済み】iOS 7のデフォルトの青色をプログラムで取得するにはどうすればいいですか?
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] サブフィギュアの垂直アライメント LATEX
-
[解決済み] .swfビューアから画像を抽出する?
-
[解決済み] kubernetesでデプロイメント/イメージを削除する方法
-
[解決済み] RGBから16進数、16進数からRGB
-
[解決済み】JPGとJPEGの画像フォーマット比較
-
[解決済み】背景色からフォントカラーを決定する方法
-
[解決済み] [Solved] How do you stretch an image to fill a <div> while keeping the image's aspect-ratio?
-
[解決済み】HSLからRGBへの色変換
-
[解決済み] knitr for markdownを使用してローカルイメージのサイズを設定する方法は?
-
[解決済み] RGBからグレースケール/強度への変換