カラー

HEX と RGB を相互に変換し、2桁ずつ10進数に直す過程をバーで示します。透明度・HSL・OKLCH のコードや文字のコントラスト比も確認できます。

HEX・RGBとCMYKを印刷条件(ICCプロファイル)別に変換し、4版の網点・印刷予想色・総インキ量まで表示します。

一覧やCSS・JSON内の色を見つけてHEX、RGB、HSL、OKLCHに一括変換し、重複・透明度・sRGB外の色もパレットで確認できます。

HEX・RGB・HSLの色を入力すると、最も近いCSS色名と色差、系統名を色相環マップとともに表示します。

ケルビンの色温度をHEX・RGBの色に、色やxy座標を相関色温度・Duvに変換し、分光分布と色度図で見せます。

基準色1色から配色と50〜900の明度ステップを作り、文字のコントラストと色覚タイプ別の見え方を確認します。

基準色1色から7つの配色を一覧で比べ、色相環で回して画面に当てはめ、文字のコントラストまで確認できます。

パステルの配色を系統・トーン別に引き、マップで微調整して HEX・CSS変数・PNG で持ち出せます。

色を固定しながら3〜15色のパレットを引き、画面の例に当てはめて文字のコントラストまで確認します。

2色を絵の具・光・画面・CSS の方式で混ぜた色を割合ごとに比べ、ステップパレットを作れます。

HEXの反転色をすぐに計算し、コントラスト比、補色との違い、複数色の一括反転まで確認できます。

写真やスクリーンショットから1点の色コードを取得し、主要色パレットと文字のコントラスト比までブラウザの中で確認できます。

写真から3〜10色のパレットを抽出し、色の位置の点つきでポラロイド・ストーリーのカードPNGとして保存します。

ガイドとカラーストップをドラッグしてグラデーションを整え、背景・文字・枠線・ボタンに合ったCSSでコピーします。

9個の候補をまとめて生成して比べ、くすまない混色のCSSと好きなサイズのPNGで持ち出せます。

文字色と背景色のコントラスト比を WCAG 2.2 で判定し、基準を満たす最も近い色と色覚の違いのプレビューを表示します。