Морской синий и синий, монохром: цветовые кольца

Цветовые кольца, 32 цвета: #101b34, #45709f, #20599a, #113c7b, #0c1d46. Редактируйте и экспортируйте в CSS, SVG, PNG или шейдер.

5 редактируемых ключевых точек OKLCH.

• #101b34
• #15223d
• #1c2c49
• #243858
• #2d4669
• #36537a
• #3e6089
• #436a96
• #45709f
• #4473a4
• #4172a6
• #3c70a6
• #366ca5
• #2f67a2
• #29629f
• #245d9d
• #20599a
• #1d5697
• #1a5194
• #174d8f
• #15498b
• #144486
• #124081
• #113c7b
• #113775
• #10336e
• #102e66
• #0f2a5e
• #0e2656
• #0e2250
• #0d1f4a
• #0c1d46

CSS

background: radial-gradient(circle at 50% 50%, oklch(22.83% 0.0510 264.37) 0.000% 3.125%, oklch(25.53% 0.0539 263.25) 3.125% 6.250%, oklch(29.41% 0.0578 261.64) 6.250% 9.375%, oklch(34.05% 0.0624 259.71) 9.375% 12.500%, oklch(39.01% 0.0675 257.64) 12.500% 15.625%, oklch(43.87% 0.0728 255.62) 15.625% 18.750%, oklch(48.18% 0.0782 253.81) 18.750% 21.875%, oklch(51.53% 0.0833 252.39) 21.875% 25.000%, oklch(53.50% 0.0879 251.54) 25.000% 28.125%, oklch(54.26% 0.0927 251.16) 28.125% 31.250%, oklch(54.13% 0.0977 251.13) 31.250% 34.375%, oklch(53.32% 0.1027 251.37) 34.375% 37.500%, oklch(52.04% 0.1075 251.81) 37.500% 40.625%, oklch(50.49% 0.1120 252.37) 40.625% 43.750%, oklch(48.90% 0.1158 252.98) 43.750% 46.875%, oklch(47.45% 0.1188 253.55) 46.875% 50.000%, oklch(46.29% 0.1208 254.06) 50.000% 53.125%, oklch(45.08% 0.1221 254.63) 53.125% 56.250%, oklch(43.78% 0.1229 255.28) 56.250% 59.375%, oklch(42.41% 0.1230 255.98) 59.375% 62.500%, oklch(40.98% 0.1225 256.71) 62.500% 65.625%, oklch(39.52% 0.1215 257.46) 65.625% 68.750%, oklch(38.05% 0.1199 258.20) 68.750% 71.875%, oklch(36.58% 0.1178 258.92) 71.875% 75.000%, oklch(35.07% 0.1147 259.62) 75.000% 78.125%, oklch(33.40% 0.1103 260.39) 78.125% 81.250%, oklch(31.64% 0.1050 261.18) 81.250% 84.375%, oklch(29.87% 0.0991 261.97) 84.375% 87.500%, oklch(28.18% 0.0932 262.71) 87.500% 90.625%, oklch(26.65% 0.0877 263.39) 90.625% 93.750%, oklch(25.36% 0.0832 263.95) 93.750% 96.875%, oklch(24.41% 0.0799 264.38) 96.875% 100.000%);

В этих коллекциях

Тёмные градиентыХолодный синий

Похожие палитрыКоллекцииСкачать PNGJSON палитрыMarkdownКак это работает