日本語
ダークテーマに切り替え
sRGB、HSL、LCH、OKLCH などすべての色空間に対応する、ヘッドレスでアクセシブルなプリミティブ。フレームワークを問わず、ランタイム依存はありません。
oklch(0.64773 0.2626 359.9761)
lch(55.8283 84.2545 0.892)
hsl(328 100% 50%)
color(display-p3 0.91749 0.20029 0.52838)
エリア、スライダー、フィールド、スウォッチ、スウォッチピッカー、ホイール、トライアングル、リングの 8 系統。スタイルは一切持ちません。
依存ゼロの CSS Color 4 エンジンで sRGB、HSL、HSV、Lab、LCH、OKLab、OKLCH、Display P3 などに対応。
WAI-ARIA のカラーピッカーパターン: キーボード操作、スクリーンリーダーへの通知、フォーカス管理。
GPU で 1 ピクセルずつ計算するため、CSS では表現できない Lab や OKLCH のグラデーションも正確です。
共通のコアの上に、Vue、React、Svelte、Angular へ同じプリミティブを提供します。
オプションの @urcolor/i18n: チャンネルラベルは 77 言語、カラー名は 298 言語。