オンラインシェード＆ティント生成ツール — ベースカラーを選択して10段階の明るい色と10段階の暗い色を生成。クリックでhex値をコピー、またはCSS変数としてパレット全体をエクスポート。 ToolNextの無料オンラインツールとして提供されています。
:root {
--shade-10: #050c16;
--shade-9: #0b182d;
--shade-8: #102343;
--shade-7: #152f59;
--shade-6: #1b3b70;
--shade-5: #204786;
--shade-4: #26539d;
--shade-3: #2b5fb3;
--shade-2: #306ac9;
--shade-1: #3676e0;
--base: #3b82f6;
--tint-1: #4d8df7;
--tint-2: #5f99f8;
--tint-3: #70a4f8;
--tint-4: #82aff9;
--tint-5: #94bbfa;
--tint-6: #a6c6fb;
--tint-7: #b8d2fc;
--tint-8: #caddfd;
--tint-9: #dbe8fd;
--tint-10: #edf4fe;
}