ToolHub logoToolHub
Color & CSS Tools

Border Radius Generator

四隅ごとに角丸を調整できるCSSジェネレーター。

border-radius: 12px 12px 12px 12px;

使い方

  1. 四隅の値を入力
  2. CSSをコピー

Border Radius Generatorについて

4つの角を独立して指定できるCSSのborder-radius値を、プレビューを見ながら生成する無料ツールです。

よくある質問

楕円形にもできますか？

px指定のみ対応しています。

関連ツール

Color Picker

カラーピッカーで色を選び、HEX/RGB/HSL値を取得します。

使ってみる

RGB to HEX

RGB値をHEX(16進数)カラーコードに変換します。

使ってみる

HEX to RGB

HEXカラーコードをRGB値に変換します。

使ってみる

Gradient Generator

2色と角度からCSSグラデーションを生成します。

使ってみる

おすすめツール

JSON Formatter

JSONを読みやすく整形します。インデント、改行を自動付与。

使ってみる

Regex Tester

正規表現とテキストのマッチをリアルタイムで確認できます。

使ってみる

QR Code Generator

URLやテキストからQRコードを生成します。

使ってみる
← Color & CSS Toolsの一覧に戻る