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