カラーコード変換
HEX・RGB・HSL と透明度を変換し、色をプレビューしながら CSS の値をコピーできます。
配色の変換、文字のコントラスト確認、CSS の作成、縦横比の計算に。
ブラウザーに保存できません。変更はこのページを開いている間だけ保持されます。
16 個のツール
HEX・RGB・HSL と透明度を変換し、色をプレビューしながら CSS の値をコピーできます。
文字色と背景色の WCAG 2.2 コントラスト比を測定し、通常文字と大きな文字の適合状況を表示します。
線形・放射状グラデーションを見ながら作成。色、位置、角度を調整して CSS をコピーできます。
ずれ、ぼかし、広がり、色、不透明度を調整し、外側・内側の影を確認して CSS を取得できます。
画像や動画の縦横比を約分し、指定した幅・高さからもう一方のサイズを計算します。
固定列や自動調整のグリッドを実際の配置で確認し、CSS と HTML を生成できます。
方向、折り返し、間隔、整列をライブプレビューで試し、対応する CSS と HTML を取得できます。
基準色から補色・類似色・トライアド・単色の配色を作り、HEX、CSS 変数、JSON で保存できます。
四隅の半径を連動・個別に調整し、楕円の角丸もプレビューして border-radius を出力します。
頂点をドラッグまたは数値で編集し、多角形の切り抜き形状を確認して CSS を出力します。
2 つの制御点を編集し、動きを試しながら cubic-bezier のイージングを作成できます。
文字サイズとビューポート幅の上下限から、px・rem 対応の font-size: clamp() を作成します。
サンプルや手元の画像でぼかし、明るさ、色、透明度を試し、filter CSS を出力します。
移動、回転、拡大縮小、傾斜、変形の原点を確認し、必要に応じて遠近感や 3D 変形を加えられます。
A・ISO B・C・北米規格を調べ、向き・解像度・塗り足しからmm、インチ、ポイント、ピクセルを計算します。
SVGを安全な静止画に整理して最適化。容量と見た目を比較し、SVGまたは指定サイズの透過・単色背景PNGで保存できます。
アクセス解析への協力を選べます
Umami でページの閲覧状況を把握しています。解析への協力は任意で、拒否してもすべてのツールを使えます。
現在の設定:アクセス解析を許可しています。
現在の設定:アクセス解析を許可していません。
アクセス解析サービスが変更されました。作業が終わってからページを再読み込みすると、新しい設定が適用されます。
ブラウザーから追跡拒否または Global Privacy Control の信号が送信されているため、アクセス解析は無効のままになります。
当サイトでは Umami を使い、よく閲覧されるページや訪問元を調べています。解析を拒否してもすべての機能を利用でき、設定はいつでも変更できます。
選択はこのブラウザーに6か月間保存されます。ツールで扱うファイルや入力内容がアクセス解析に送信されることはありません。
プライバシーポリシー