色を選択して、HEX・RGB・HSLなど各形式の値を取得できます。CSSやデザインに活用できます。
#3B82F6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
--color: #3b82f6;
[#3b82f6]
ブラウザ内で動作し、データの送信は一切ありません。
HEX、RGB、HSL、CSS変数、Tailwind記法を一度に取得できます。
各形式の値をワンクリックでクリップボードにコピーできます。
カラーパレット生成
調和の取れた5色のカラーパレットを自動生成。補色・類似色・トライアドなど多彩なハーモニーに対応
CSSグラデーション生成
linear/radial/conicグラデーションをビジュアルUIで作成してCSSをコピー
フォントプレビュー
Google Fontsの人気フォントをリアルタイムプレビュー。フォントサイズ・ウェイト・行間・文字間隔を調整して比較できます。
年齢計算
生年月日から年齢・干支・星座を計算
フィードバックにご協力ください
