BBasaapp Toolsツール一覧

⬜border-radius ジェネレーター

四隅の角丸を個別に指定して、CSSの border-radius コードを生成します。

🔒 入力データはブラウザ内だけで処理され、サーバーに送信されません
左上（px）
右上（px）
右下（px）
左下（px）

🎨 カラー・CSSの他のツール

🎨カラーコード変換（HEX/RGB/HSL）カラーコードを HEX・RGB・HSL の間で相互変換します。#FF0000・rgb(255,0,0) などを入力してください。🖍️カラーピッカー色を視覚的に選んで、HEX・RGB・HSLのカラーコードを取得します。🌈CSSグラデーション生成2色と角度を指定して、CSSの linear-gradient コードを生成します。🔲コントラスト比チェッカー文字色と背景色のコントラスト比を計算し、WCAGのアクセシビリティ基準（AA/AAA）の合否を判定します。🌑box-shadow ジェネレーター影のオフセット・ぼかし・広がり・色を指定して、CSSの box-shadow コードを生成します。📏px ⇔ rem 変換CSSの px と rem を相互に変換します。ルートフォントサイズを基準に計算します。

よくある質問

border-radius ジェネレーターは無料で使えますか？
はい。border-radius ジェネレーターを含む Basaapp Tools のツールはすべて無料・登録不要でご利用いただけます。利用回数の制限もありません。
border-radius ジェネレーターに入力したデータは外部に送信されますか？
いいえ。border-radius ジェネレーターの処理はすべてお使いのブラウザ内（クライアントサイド）で完結し、入力した内容がサーバーへ送信・保存されることはありません。安心してご利用ください。
スマートフォンやタブレットでも使えますか？
はい。border-radius ジェネレーターはレスポンシブ対応で、PC・スマホ・タブレットのいずれのブラウザからでも快適に利用できます。アプリのインストールは不要です。