Чорний і сірий: кутовий градієнт

Кутовий градієнт, 32 кольори, кут 315°: #12151c, #313841, #747e89, #adb3b9, #23282f. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

7 ключових кадрів OKLCH, які можна редагувати.

• #12151c
• #14181e
• #181b22
• #1c2027
• #20242c
• #242931
• #282e36
• #2c333b
• #313841
• #353d47
• #3b444e
• #424b55
• #48525d
• #4f5a65
• #58636f
• #646f7a
• #747e89
• #8c969f
• #aab2b9
• #c6cbd0
• #d8dcdf
• #dadde0
• #c9cdd2
• #adb3b9
• #8c949c
• #6f7782
• #5a626d
• #4a525d
• #3d444e
• #323841
• #292f37
• #23282f

CSS

background: conic-gradient(from 315deg in oklch, oklch(19.69% 0.0138 264.37) 0.0%, oklch(20.79% 0.0141 263.53) 3.2%, oklch(22.32% 0.0146 262.33) 6.5%, oklch(24.13% 0.0151 260.94) 9.7%, oklch(26.09% 0.0158 259.52) 12.9%, oklch(28.03% 0.0164 258.23) 16.1%, oklch(29.88% 0.0172 257.10) 19.4%, oklch(31.72% 0.0180 256.00) 22.6%, oklch(33.64% 0.0189 254.93) 25.8%, oklch(35.74% 0.0198 253.94) 29.0%, oklch(38.11% 0.0205 253.03) 32.3%, oklch(40.73% 0.0211 252.24) 35.5%, oklch(43.36% 0.0219 251.57) 38.7%, oklch(46.22% 0.0227 250.99) 41.9%, oklch(49.54% 0.0230 250.44) 45.2%, oklch(53.56% 0.0226 249.88) 48.4%, oklch(58.85% 0.0210 249.23) 51.6%, oklch(66.80% 0.0176 248.34) 54.8%, oklch(75.83% 0.0133 247.41) 58.1%, oklch(83.98% 0.0091 246.65) 61.3%, oklch(89.23% 0.0062 246.30) 64.5%, oklch(89.65% 0.0056 246.60) 67.7%, oklch(84.73% 0.0077 247.65) 71.0%, oklch(76.28% 0.0114 249.21) 74.2%, oklch(66.26% 0.0155 250.99) 77.4%, oklch(56.65% 0.0191 252.68) 80.6%, oklch(49.39% 0.0208 253.99) 83.9%, oklch(43.64% 0.0207 255.06) 87.1%, oklch(38.46% 0.0195 256.02) 90.3%, oklch(33.96% 0.0178 256.85) 93.5%, oklch(30.29% 0.0162 257.53) 96.8%, oklch(27.56% 0.0152 258.03) 100.0%);

У цих колекціях

Срібляста палітра кольорів

Схожі палітриКолекціїЗавантажити PNGJSON палітриMarkdownЯк це працює