カラーミキサー

画面上の混色は絵の具とは異なる

このミキサーが平均するのは、顔料ではなく赤、緑、青の光の値です。青の#0000FFと黄色の#FFFF00を50%で混ぜると、絵の具箱で作るような緑ではなく、グレーの#808080になります。sRGBで平均すると、彩度の高い2色の中間色は両端の色よりくすんで暗くなる傾向もあります。CSSではcolor-mix(in srgb, #FF6B35, #2563EB 50%)で同じ結果になり、oklchなど、この関数で使える別の色空間では通常、より明るい中間色になります。

透明なオーバーレイを計算する

不透明度のあるレイヤーは、そのレイヤー自身と背後の色を混ぜて表示します。計算方法も同じです。背景を先に、オーバーレイを後に置き、不透明度を重みにします。#1E293Bの上に不透明度70%の白いテキストを置くと、70%の白を混ぜた色として表示されます。この不透明な結果は、透明度を使えない場所で利用する色であり、コントラストチェッカーで確認する色でもあります。

使い方

1. 有効な#RGBまたは#RRGGBBの値と、必要な割合を入力します。
2. 固定のブラウザローカルなカラー処理を実行します。
3. スウォッチを確認し、結果またはパレットの値をコピーします。

プライバシーと制限事項

カラー値はこのデバイスにとどまります。コントラストの出力は数理的なチェッカーであり、包括的なWCAG準拠の保証ではありません。文脈、フォントレンダリング、非テキストのコントラスト、ユーザーインターフェースの状態は引き続きレビューが必要です。