デザイン

色を選ぶとHEX・RGB・HSLコードをすぐに表示・コピーできます。

基準色から類似色・補色・トライアド・モノクロのパレットを自動生成します。

2色と角度からCSS線形グラデーションを作成し、コードをコピーできます。

ある色が1型・2型・3型色覚でどう見えるかをシミュレートします。

基準色の補色に加え、分裂補色・トライアド・類似色も表示します。

基準色から明度・彩度のスケールを生成します。

2色を好きな比率で混ぜて中間色を作ります。

Tailwind CSSとMaterial Designのカラーパレットを一覧表示し、クリックでHEXをコピー。

ランダムな色を生成し、HEXコードをワンクリックでコピー。

基準フォントサイズに合わせてpx・rem・emを相互変換します。