HeronTool
日本語▾
ログイン
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
ホーム › デザイン素材 › Color Shades Generator

Color Shades Generator

Generate a 50-950 color scale with CSS variables from one base color.

色 パレット デザイン
Palette—

使い方

  1. Adjust the values above.
  2. Results and CSS update live.
  3. Click Copy.

使用例

Generate a 50-950 color scale with CSS variables from one base color.

アップロードは一切ありません — すべてブラウザ内でローカル処理されます。

コメント / 報告 / 注釈

先にログインしてください — ログイン

先にログインしてください — ログイン

先にログインしてください — ログイン

関連ツール
グラデーション生成 線形／放射 CSS グラデーションをライブプレビュー付きで生成します。 グラデーション フォントプレビュー テキストを入力し、フォントファミリーを切り替えてライブプレビューします。 フォント アイコン検索 Tabler アイコンを検索し、SVG をワンクリックでコピーします。 アイコン カラーパレット生成 ベースカラーから調和の取れたパレット（類似／補色）を作成します。 パレット モックアップ生成 URL やスクリーンショットをデバイスモックアップ枠にドロップしてプレビューします。 モックアップ コントラストチェック 背景に対する文字の WCAG コントラストをチェックします。 コントラスト box-shadow生成 CSS box-shadow をビジュアルに作成します。 影 text-shadow生成 CSS text-shadow を作成します。 影