HEX、RGB、HSL、CMYKなどの異なる形式間で色を変換します。EyeDropper APIによる色選択、パレット生成、カラースキーム分析をサポートします。
カラーピッカーを使用して色を選択してください
高度な色選択と管理ツール
現在の色の様々な表現形式
公式の Tailwind CSS デフォルトカラー。形式を選んでクリックでコピー、ダブルクリックでカラーピッカーに読み込みます。
異なる色の形式の特徴と使用場面について学びましょう
6桁の16進数を使用して色を表現します（例：#FF5733）。これはWeb開発で最も一般的に使用される色の形式で、最高の互換性を持ち、CSSやHTMLでの使用に適しています。
赤、緑、青の色チャンネルの数値を使用して色を表現します（例：rgb(255, 87, 51)）。この形式は直感的で理解しやすく、デザイナーや開発者が色の構成を理解するのに適しています。
RGB にアルファチャンネルを追加して透明度を表します（例：rgba(255, 87, 51, 0.8)）。オーバーレイや影などの半透明効果に適しています。
色相、彩度、明度の3つの属性を使用して色を表現します（例：hsl(12, 100%, 60%)）。この形式は人間が色を認識する方法により近く、色の明暗や鮮やかさの調整が容易です。
色相、彩度、値の3つの属性を使用して色を表現します（例：hsv(12, 100%, 100%)）。この形式はグラフィックソフトウェアでよく使用され、値パラメータが色の明度をより直感的に表現します。
シアン、マゼンタ、イエロー、ブラックの4つの色チャンネルを使用して色を表現します（例：cmyk(0%, 66%, 80%, 0%)）。これは印刷業界の標準形式で、印刷が必要なデザイン作品に適しています。
知覚明度、クロマ、色相の3つの属性を使用して色を表現します（例：oklch(60% 50% 12)）。これは現代的な色空間で、人間の目の知覚により適しており、より広い色域をサポートし、現代的な表示デバイスに適しています。