コンテンツにスキップ
デザインとカラー

境界半径ジェネレーター

カードの微妙な半径から完全に有機的な BLOB まで、各角を個別に調整し、それらをリンクして均一な丸みを実現し、楕円角のスラッシュ構文を使用して境界半径の短縮表現をコピーします。

4 分で読みました2026-11-04 を更新しました

重要な事実

カテゴリ
デザインとカラー
価格
無料
アカウント
不要
処理
ブラウザで
入力
ローカルファイルまたは貼り付けられたデータ
プラットフォーム
最新のデスクトップおよびモバイルブラウザ

何をするのか

カードの微妙な半径から完全に有機的な BLOB まで、各角を個別に調整し、それらをリンクして均一な丸みを実現し、楕円角のスラッシュ構文を使用して境界半径の短縮表現をコピーします。

各コーナーを個別に制御し、有機的な形状や錠剤をプレビューします。

使い方

境界半径ジェネレーター の使用方法の短いバージョンを次に示します。

  • 角を調整する — 各コーナーのスライダーを使用するか、4 つすべてをリンクしてまとめて編集します。
  • 形状をプレビューする — カード、ボタン、四角形を切り替えて、さまざまなサイズで半径がどのように動作するかを確認します。
  • CSSをコピーする — 出力では 4 値の省略表現が使用され、角が異なる場合は楕円形が含まれます。

重要な機能

境界半径ジェネレーター が得意とすること。

  • デバイスからは何も残らない — 作業はブラウザのタブで行われます。このアプリにはアップロード エンドポイントがないため、ファイルやテキストを保存したり、ログに記録したり、当社が閲覧したりすることはできません。
  • アップロードの待ち時間なし — サーバーへの往復を完全にスキップします。結果は、ネットワーク速度やキュー サイズではなく、ご使用の CPU によって制限されます。
  • 無料、アカウントなし、割り当てなし — サインアップの壁、ウォーターマーク、1 日あたりの制限はありません。オプションのアカウントは、デバイス間でお気に入りとプリセットを保存するためにのみ存在します。

よくある質問

私のデザインはここで安全に使用できますか?

はい。このツールは、JavaScript を使用してブラウザ内で完全に実行されます。貼り付けたり開いたりした内容はサーバーに送信されず、ページを閉じた後もページのコピーは保持されません。

アカウントを作成する必要がありますか?

いいえ。すべてのツールはサインインしなくても完全に使用できます。アカウントは、保存されたお気に入りと再利用可能なプリセットを追加するだけです。

電話でも機能しますか?

はい。インターフェースはモバイルファーストで、大きなタッチターゲットと積み重ねられたレイアウトを備えているため、デスクトップだけでなく携帯電話やタブレットでも動作します。

border-radius のスラッシュは何を意味しますか?

水平半径と垂直半径を分離します。たとえば、50% / 30% では円ではなく楕円が作成され、これにより非対称のブロブ形状が作成されます。

どうすれば完璧な円を作ることができますか?

要素の幅と高さを等しく設定し、border-radius: 50% を適用します。錠剤の形状では、代わりに要素の高さの半分に等しい半径が使用されます。

境界半径ジェネレーター を開く

今すぐお試しください。ブラウザで実行され、アカウントは必要ありません。

ツールを開く