カラーパレット
1 色から明暗の段階と配色を作り、白黒に対するコントラスト比と WCAG の合否も出します。
データは端末から出ませんはじめる
配色
明るい側
暗い側
配色の調和
補色
類似色
トライアド
スプリット補色
#rrggbb か #rgb。右のピッカーからも選べます
例: 200, 30, 30
例: 0, 74%, 45%
5
59
コントラスト
白に対して5.74:1通常の文字 AA大きい文字 AAA
黒に対して3.66:1通常の文字 基準未達大きい文字 AA
OKLCHoklch(53.5% 0.203 27.6)
書き出し
色は端末内で計算され、サーバーには送信されません。本サイトは保存しませんが、ブラウザの「戻る」操作などで内容が復元されることがあります。
カラーパレットについて
1 色を決めると、明るい側と暗い側の段階、補色や類似色などの配色、白黒に対するコントラスト比と WCAG の合否をまとめて出します。段階と配色は OKLCH で作るため明度の並びが揃い、コントラスト比は WCAG の定義どおり sRGB で計算します。色の計算は端末の中だけで行います。