デザインツール — 無料オンライン
デザイナー向けのカラーピッカー、配色、グラデーション、SVG ツール。
9 個のツール
Box Shadow ジェネレーターリアルタイムのプレビューを見ながら、ソフト、シャープ、多重、インセットなどの影を微調整し、CSSをコピーできます。色覚シミュレーター色覚特性を持つ人の視点で画像をプレビューし、デザインのアクセシビリティを確保しましょう。カラーコントラストチェッカーテキストが十分に読みやすいか確認し、WCAG基準をクリアする最も近い色を取得します。カラーコンバーターあらゆるカラーコードをHEX、RGB、HSL、HSV、CMYK間で変換し、コントラスト比もチェックできます。カラーパレットジェネレーター色を1つ選ぶだけで、色彩理論に基づいた調和の取れた5色のカラーパレットを作成します。CSSグラデーションジェネレーターグラデーション背景を直感的にデザインしてCSSをコピー。線形・放射状・円錐に対応しています。画像カラーピッカー画像上の任意の場所をクリックして、正確なHEX、RGB、HSLカラーコードと、画像の主要カラーパレットを取得します。ランダムカラージェネレーターHEX、RGB、HSL形式でランダムな色を生成します。パステル、ビビッド、ダーク、ライトの各パレットモードに対応しています。SVG最適化ブラウザ上でSVGファイルを瞬時に圧縮・クリーンアップし、ファイルサイズを削減してウェブサイトのパフォーマンスを向上させます。