エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
カラーコードから明暗を判定する(コントラスト計算) - くらげになりたい。
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
カラーコードから明暗を判定する(コントラスト計算) - くらげになりたい。
背景色を自由に設定できるようにしたとき、 文字の色を白か黒に自動で判定したいなと思い、 いろいろ調... 背景色を自由に設定できるようにしたとき、 文字の色を白か黒に自動で判定したいなと思い、 いろいろ調べたときの備忘録。 W3Cでアルゴリズムが公開されているので、それを利用。 function getInvertedColor(hexColor:string) { // 指定した色からR/G/Bをそれぞれ取得 const red = parseInt(hexColor.substr(1, 2), 16); const green = parseInt(hexColor.substr(3, 2), 16); const blue = parseInt(hexColor.substr(5, 2), 16); // 明るさの計算(0〜255) const brightness = ( red * 299 + green * 587 + blue * 114 ) / 1000; // 明るさの計算(