無料ウェブツール / カラーツール

無料のカラーツール

画面から色を取得し、HEX、RGB、HSL を相互に変換して、デザインや Web サイトづくりに役立てられます。

5 個のツール · 登録不要 · 無料

カラーピッカー＆変換

画面上のどこからでも色を取得したり、HEX、RGB、HSL を瞬時に相互変換したりできます。

スペースキーで新しいパレットを生成し、気に入った色をロックし、配色の調和を選び、写真からパレットを抽出できます。CSS、Tailwind、SCSS、JSON、PNG で書き出し。

文字色と背景色を WCAG 2.x の AA・AAA の基準でチェックし、APCA の Lc 値を確認して、基準を満たす最も近い色を見つけられます。

ドラッグできるカラーストップ、角度ダイヤル、プリセットで線形・放射・円錐グラデーションを作成。CSS や Tailwind のクラスをコピーできます。

重ねた box-shadow や text-shadow の効果をライブプレビューでデザイン。エレベーション、ニューモーフィズム、グローのプリセット付きで、CSS をコピーできます。