CSS単位変換ツール - px rem em vw vh変換
設定 ベースフォントサイズ (px) ビューポート幅 (px) ビューポート高さ (px) 親要素サイズ / コンテキスト (px) em・% の計算に使用されます 値 単位 px rem em vw vh % pt cm mm in カードをクリックするとCSS値がクリップボードにコピーされます。 ...
Webデザイン
CSS Gridジェネレーター — ビジュアルレイアウトビルダー
...
色温度変換ツール
ケルビン（K）の色温度をリアルタイムで RGB・HEX・HSL に変換。スライダーを動かすと暖色系から寒色系まで光の色を即座にプレビューできます。ワンクリックでカラー値をコピー可能。 5500K 昼光 1000K 暖色 中間 寒色 12000K 暖色（赤・オレンジ系） 中間白色 寒色（青系） HEX #fff4e0 コピー RGB rgb(255, 244, 224) コピー HSL hsl(38, 100%, 94%) コピー すべてコピー 代表的な光源プリセット ろうそく（1900K） 白熱球（2700K） ハロゲン（3200K） 蛍光灯（4000K） 昼光（5500K） 曇天（6500K） 日陰（7500K） 青空（10000K） 暖色光と寒色光について 暖色光（1000〜3500K）は赤みがかったオレンジ色の光で、ろうそくや白熱電球が代表例です。リラックスできる雰囲気を作り出し、寝室やレストランでよく使われます。 ...
CSSフィルタージェネレーター — 画像エフェクトツール
CSSフィルタージェネレーター ...
CSS Clip-Pathジェネレーター — シェイプビルダー
図形タイプ ポリゴン 円 楕円 インセット カスタム プリセット図形 三角形 菱形 五角形 六角形 八角形 星形 矢印 十字 ハート シェブロン 円の設定 半径 50% 中心 X 50% 中心 Y 50% 楕円の設定 半径 X 50% 半径 Y 30% 中心 X 50% 中心 Y 50% インセット設定 上 10% 右 10% 下 10% 左 10% 角丸半径 0% カスタムポリゴン プレビューエリアをクリックしてポイントを追加。ドラッグで移動、右クリックで削除できます。 元に戻す 全消去 ポイントなし — プレビューをクリックして開始。 プレビューオプション 図形の色 ライブプレビュー — CSS出力 コピー 🟢 フリーランス・個人事業主の方へ — freeeで経理・確定申告を自動化 ツール制作などの副業・フリーランス収入も、freeeなら帳簿付けから確定申告まで簡単に管理できます。 ...
CSSトランジション ジェネレーター
CSSトランジションを視覚的に作成できる無料ツールです。プロパティ・継続時間・タイミング関数・遅延を設定し、複数のトランジションを組み合わせて、すぐに使えるCSSをコピーできます。 ...
CSS角丸ジェネレーター — 無料ビジュアルツール
ビジュアルで直感的にCSS border-radiusを設計できるツールです。シンプルな角丸からピル・円・ブロブ・有機的なシェイプまで、プリセットとスライダーで自由に生成。CSSコードをワンクリックでコピーできます。 プリセット なし ピル 円 ブロブ スクワークル リーフ ドロップ 三角風 プレビュー 幅 (px) 高さ (px) カラー コントロール px % コーナーを連動 全コーナーが同時に変わります 左上 H V 楕円 右上 H V 楕円 右下 H V 楕円 左下 H V 楕円 生成されたCSS コピー border-radius: 0; 経理・会計をもっとスマートに freee会計なら、請求書・確定申告・経費精算をまとめて自動化。エンジニアやフリーランスにも選ばれています。 ...
ダミーテキスト生成ツール - Lorem Ipsum 無料ジェネレーター
生成単位 段落 文 単語 件数（1〜50） テキストスタイル クラシック Lorem Ipsum ヒップスター Ipsum コーポレート Ipsum ダミーテキスト（日本語） 生成する 「Lorem ipsum dolor sit amet...」で始める —段落 —文 —語数 —文字数 プレビュー HTML出力 ✎ 生成するボタンをクリックしてください 📋 テキストをコピー 📋 HTMLをコピー ...
CSSスクロールバー スタイラー
CSSスクロールバー スタイラー スクロールバーの幅・色・角丸・ホバー効果をカスタマイズして、即コピーできるCSSを生成します。 ...
画像カラーピッカー
画像をアップロードしてクリックするだけ。ピクセル単位で正確に色を抽出し、HEX・RGB・HSL形式でコピーできます。登録不要、データは一切送信されません。 関連ツール: カラーピッカー · カラーパレットジェネレーター · カラーコンバーター ここに画像をドロップ、または ファイルを選択 PNG・JPG・GIF・WebP・SVG対応 — ブラウザ内で完結 画像の任意の場所をクリックして色を抽出。ホバーで拡大ルーペが表示されます。 まだ色を選択していません — 上の画像をクリックしてください。 HEX — コピー RGB — コピー HSL — コピー 最近似CSSカラー名: — 抽出した色 CSS変数でエクスポート JSONでエクスポート コピー デザイン業務の経費管理もかんたんに ...