Чорний і сірий: лінійні зразки

Лінійні зразки, 32 кольори, кут 135°: #212429, #43474b, #7b7f83, #b0b3b7, #dcdfe2. Редагуйте й експортуйте CSS, SVG, PNG або шейдер.

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

• #212429
• #23272b
• #272a2f
• #2a2e32
• #2e3236
• #33373b
• #383c40
• #3d4145
• #43474b
• #494d51
• #505358
• #565a5e
• #5d6165
• #65686c
• #6c7074
• #73777b
• #7b7f83
• #83868a
• #8a8e92
• #92969a
• #9a9da1
• #a1a5a8
• #a9acb0
• #b0b3b7
• #b7babe
• #bdc1c4
• #c4c7ca
• #c9cdd0
• #cfd2d5
• #d4d7da
• #d8dbde
• #dcdfe2

CSS

background: linear-gradient(135deg, oklch(25.98% 0.0096 250.31) 0.000% 3.125%, oklch(27.12% 0.0096 250.31) 3.125% 6.250%, oklch(28.44% 0.0095 250.31) 6.250% 9.375%, oklch(29.93% 0.0094 250.31) 9.375% 12.500%, oklch(31.59% 0.0093 250.31) 12.500% 15.625%, oklch(33.39% 0.0092 250.31) 15.625% 18.750%, oklch(35.34% 0.0090 250.31) 18.750% 21.875%, oklch(37.40% 0.0089 250.31) 21.875% 25.000%, oklch(39.57% 0.0088 250.31) 25.000% 28.125%, oklch(41.84% 0.0086 250.31) 28.125% 31.250%, oklch(44.20% 0.0085 250.31) 31.250% 34.375%, oklch(46.62% 0.0083 250.31) 34.375% 37.500%, oklch(49.11% 0.0082 250.31) 37.500% 40.625%, oklch(51.64% 0.0080 250.31) 40.625% 43.750%, oklch(54.20% 0.0078 250.31) 43.750% 46.875%, oklch(56.78% 0.0077 250.31) 46.875% 50.000%, oklch(59.36% 0.0075 250.31) 50.000% 53.125%, oklch(61.95% 0.0073 250.31) 53.125% 56.250%, oklch(64.51% 0.0072 250.31) 56.250% 59.375%, oklch(67.04% 0.0070 250.31) 59.375% 62.500%, oklch(69.52% 0.0068 250.31) 62.500% 65.625%, oklch(71.94% 0.0067 250.31) 65.625% 68.750%, oklch(74.30% 0.0065 250.31) 68.750% 71.875%, oklch(76.57% 0.0064 250.31) 71.875% 75.000%, oklch(78.74% 0.0062 250.31) 75.000% 78.125%, oklch(80.81% 0.0061 250.31) 78.125% 81.250%, oklch(82.75% 0.0060 250.31) 81.250% 84.375%, oklch(84.55% 0.0059 250.31) 84.375% 87.500%, oklch(86.21% 0.0058 250.31) 87.500% 90.625%, oklch(87.70% 0.0057 250.31) 90.625% 93.750%, oklch(89.02% 0.0056 250.31) 93.750% 96.875%, oklch(90.16% 0.0055 250.31) 96.875% 100.000%);

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

Сірі градієнтиМ’які нейтральні градієнти

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