🔍
デザイナーやブランド担当者が、基準色から明るい色と暗い色を揃え、画面や資料に統一感のある配色を作りたいときに役立ちます。
基準色から明るい色調と暗い色調の候補を生成します。すべての処理はブラウザ内で完結し、入力した値が外部へ送信、共有、保存されることは一切ありません。
用意されている青のサンプルでは、色相が明るい色調と暗い色調に展開する様子を確認します。これにより、白紙の状態から始めずに、ホバー、アクティブ、無効の状態を作りやすくなります。
入力
#2563EB出力
100: #BED0F9
300: #719AF2
500: #2563EB
700: #1C4AB0
900: #133276生成はブラウザ内で行われます。ベースカラーは外部に送信されず、ページにパレットが保存されることもありません。同じセッション中に複数のベースカラーを試せます。
はい、ベースカラーを16進数形式で入力してください。ツールはそれを使って、より明るい色とより暗い色のバリエーションを計算します。
コントラストのアイデアを提供しますが、ツールは適合性を測定しません。テキストと背景の組み合わせを適切なコントラストチェッカーで確認してください。
処理は1つの色から始まり、複数の色調を返します。完全なパレットが必要な場合は、プロジェクトの主要な色ごとに繰り返してください。