CSS Loader Generator
CSS ローディングスピナーを視覚的にデザインしてコードをコピーできます。
デザイン / ビジュアルシステムラボ
デザイン / ツール
ライブプレビューで CSS と配色を組み立て、使えるコードを取得します。
デザイン
主要ツール 17 件。ライブプレビューで CSS と配色を組み立て、そのまま使える結果をコピーします。
17 件中 17 件を表示
CSS Checkbox Generator
カスタム CSS チェックボックスをスタイルし、テーマ込みのコードをコピーできます。
CSS Switch Generator
ピュア CSS のトグルスイッチをデザインしてコードをコピーできます。
CSS Clip Path Generator
clip-path ポリゴンを視覚的に描いて CSS ルールをコピーできます。
CSS Background Pattern Generator
画像ファイルなしで繰り返し背景パターンを組み立てます。
CSS Cubic Bezier Generator
イージングカーブを調整して cubic-bezier() の値をコピーできます。
CSS Glassmorphism Generator
すりガラス風パネルを作り、レイヤー化された CSS をコピーできます。
CSS Text Glitch Effect Generator
グリッチ風テキスト効果を作り、その CSS をコピーできます。
CSS Gradient Generator
洗練された CSS グラデーションを組み立て、本番で使える宣言をコピーできます。
CSS Triangle Generator
任意のサイズのピュア CSS 三角形を生成してコードをコピーできます。
CSS Box Shadow Generator
複数のボックスシャドウを視覚的に重ね、正確な CSS をコピーできます。
CSS Border Radius Generator
有機的な border-radius の形を作り、CSS をコピーできます。
Color Harmony Builder
透明で決定的なルールから、意図のあるカラーハーモニーを構築します。
HEX to RGBA Converter
HEX カラーを rgba() に変換します。アルファ値もきれいに処理されます。
RGBA to HEX Converter
rgba() カラーを期待通りのアルファ処理で HEX に変換します。
Color Shades Generator
1つの基準色から一貫したシェードスケールを生成します。
Color Mixer
2色を正確にブレンドし、結果の値をリアルタイムで確認できます。
集中できる作業環境 / 設定なしで使える結果へ。
ブラウザ優先を、設計から。
ブラウザ優先
パッケージの導入やアカウント登録なしで、すぐに作業できます。
処理を見える状態に
入力、結果、状態、実行方式を各段階で確認できます。
そのまま書き出せる
整理し直さず、必要な結果をコピーまたは保存できます。
関連カテゴリー
別の目的別コレクションから作業を続けられます。
システム設計メモ
すべての視覚判断を再現可能にする。
意図した制約を使う
任意の数値ではなく、間隔、比率、形状の規則から始めます。
文脈の中でコントラストを見る
実際の背景と文字サイズで色を判断します。
生成 CSS を読む
本番へ加える前に、値とブラウザ対応を確認します。
始める前の確認
どのデザインツールがローカルで動作しますか？
各カードに実行方式を表示します。ローカルツールは入力をブラウザ内に保ち、クラウドとハイブリッドは外部処理を開始前に説明します。
デザインの変換で元データは変わりますか？
Toolars はブラウザ上の複製を処理します。自分で保存して置き換えない限り、元のファイルや文章は変わりません。
ツールをお気に入りにできますか？
はい。ゲストのお気に入りはこのブラウザに保存され、アカウント設定後は同期できます。
誤った結果を報告するには？
各ツールページに報告フォームがあります。送信されるのは、入力したメッセージと選択したページ情報だけです。
必要なデザインツールがありませんか？
入力、変換内容、期待する結果を教えてください。