カラーピッカー について
色を選択すると、HEX、RGB、HSLの値と調和のとれたパレットが即座に表示されます。
カラーピッカー の使い方
- 1カラーピッカーで色相を選ぶか、「ランダム」をクリックしてインスピレーションを得ます。
- 2HEX、RGB、HSLの値が自動的に表示されます — 必要なものをコピーしてください。
- 3生成されたパレットは基調色に基づく5つの明度バリエーションを提供します。
- 4Starter以上：ワンクリックでパレットをCSS変数またはTailwind CSS設定としてエクスポートします。
ヒント
- パレットを使って一貫性のあるhover/activeステートを作成：より暗いまたは明るいシェードを選びます。
- HSLは色相を変えずに明度を調整するのに最も直感的な形式です。
- Tailwindエクスポートはtailwind.config.jsファイルに直接互換性のあるキーを生成します。
OneKitTools チーム更新日 2.21.4