·rampa-colors
</>

rampa-colors

basiclines/rampa-studio

OKLCH 色空間を使用して数学的に正確なカラー パレットを生成します。デザイン システム、カラー ランプ、アクセス可能なパレット、テーマの CSS 変数を作成するとき、またはユーザーが色の生成について質問するときに使用します。

4インストール·0トレンド·@basiclines

インストール

$npx skills add https://github.com/basiclines/rampa-studio --skill rampa-colors

SKILL.md

Generate perceptually uniform color palettes from a base color using the OKLCH color space.

| --color | -C | Required. Base color (hex, rgb, hsl, or named) | - | | --size | - | Number of colors in palette | 10 | | --output | -O | Output format: text, json, css | text | | --format | -F | Color format: hex, rgb, hsl, oklch | hex | | --name | - | Palette name (for CSS/JSON output) | base | | --lightness | -L | Lightness range (e.g., 15:95) | 0:100 |

| --saturation | -S | Saturation range (e.g., 100:20) | 100:0 | | --hue | -H | Hue shift range (e.g., -10:10) | -10:10 | | --lightness-scale | - | Distribution scale for lightness | linear | | --saturation-scale | - | Distribution scale for saturation | linear | | --hue-scale | - | Distribution scale for hue | linear | | --add | - | Add harmony ramp | - |

原文を見る

引用可能な情報

AI/検索での引用用の安定したフィールドとコマンド。

インストールコマンド
npx skills add https://github.com/basiclines/rampa-studio --skill rampa-colors
カテゴリ
</>開発ツール
認証済み
初回登録
2026-02-05
更新日
2026-02-18

クイックアンサー

rampa-colors とは?

OKLCH 色空間を使用して数学的に正確なカラー パレットを生成します。デザイン システム、カラー ランプ、アクセス可能なパレット、テーマの CSS 変数を作成するとき、またはユーザーが色の生成について質問するときに使用します。 ソース: basiclines/rampa-studio。

rampa-colors のインストール方法は?

ターミナルまたはコマンドラインツール(Terminal、iTerm、Windows Terminal など)を開きます このコマンドをコピーして実行します: npx skills add https://github.com/basiclines/rampa-studio --skill rampa-colors インストール後、スキルは自動的に AI コーディング環境に設定され、Claude Code や Cursor で使用できるようになります

ソースリポジトリはどこですか?

https://github.com/basiclines/rampa-studio