カラーパレット生成
任意の色から淡色、濃色、類似色、補色、トライアドのパレットを生成します。
使い方
Create a palette
Enter a color and choose a harmony. The swatches update instantly and each one can be copied with a click.
- Enter a hex, rgb or hsl color.
- Choose a harmony type.
- Click any swatch to copy its hex value.
Harmony types
Tints add white, shades add black, analogous neighbors the hue, complementary uses the opposite hue and triadic uses three evenly spaced hues.
よくある質問
Can I paste a color name?
The palette tool accepts hex, rgb() and hsl() values. Use the color converter first for named colors.
How are tints calculated?
Tints keep the hue and saturation and raise lightness, while shades lower lightness, using HSL color space.
関連ツール
カラーコンバーター
ライブプレビュー付きで色を HEX、RGB、HSL の間で変換します。
色コントラストチェッカー
WCAG コントラスト比を測定し、通常サイズと大きな文字で AA・AAA を満たすか確認します。
CSS グラデーション生成
線形または放射状の CSS グラデーションをライブプレビュー付きで作成し、CSS をコピーできます。
UUID / GUID ジェネレーター
ランダムなバージョン4 UUID を生成し、1つずつまたはまとめてコピーします。
ハッシュジェネレーター
任意のテキストの MD5、SHA-1、SHA-256、SHA-512 ダイジェストを計算します。
タイムスタンプ変換
Unix タイムスタンプ、ISO 8601、人間が読める現地日時の間で変換します。