Xanh hải quân, tím, nâu và xanh dương (gradient xuyên tâm)

Bảng màu Xanh hải quân, tím, nâu và xanh dương

Gradient xuyên tâm, 32 màu: #051730, #204775, #9d4268, #ab4232, #164f91. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

4 keyframe OKLCH chỉnh sửa được.

#051730
#071a34
#091f3b
#0b2443
#0e2b4c
#113255
#153960
#1a406a
#204775
#294c7f
#344f88
#42508f
#544f93
#684c93
#7d498b
#8f457c
#9d4268
#a64351
#ab4639
#ab4a22
#ab4c0c
#ab4c06
#ac481b
#ab4232
#a63c4b
#9c3a63
#8c3b7a
#783f8b
#604395
#484898
#2f4c96
#164f91

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(20.47% 0.0551 257.34) 0.0%, oklch(21.89% 0.0577 257.26) 3.2%, oklch(23.78% 0.0611 256.42) 6.5%, oklch(26.04% 0.0651 255.17) 9.7%, oklch(28.57% 0.0696 253.84) 12.9%, oklch(31.26% 0.0744 252.78) 16.1%, oklch(34.01% 0.0795 252.33) 19.4%, oklch(36.72% 0.0846 252.84) 22.6%, oklch(39.28% 0.0897 254.64) 25.8%, oklch(41.59% 0.0946 258.08) 29.0%, oklch(43.54% 0.0992 263.49) 32.3%, oklch(45.13% 0.1035 271.79) 35.5%, oklch(46.59% 0.1081 284.42) 38.7%, oklch(47.94% 0.1130 300.39) 41.9%, oklch(49.17% 0.1180 318.53) 45.2%, oklch(50.25% 0.1229 337.66) 48.4%, oklch(51.18% 0.1275 356.62) 51.6%, oklch(51.95% 0.1318 14.24) 54.8%, oklch(52.54% 0.1356 29.34) 58.1%, oklch(52.94% 0.1387 40.77) 61.3%, oklch(53.14% 0.1409 47.35) 64.5%, oklch(53.11% 0.1422 47.91) 67.7%, oklch(52.70% 0.1424 42.06) 71.0%, oklch(51.94% 0.1415 30.86) 74.2%, oklch(50.91% 0.1399 15.53) 77.4%, oklch(49.70% 0.1377 357.30) 80.6%, oklch(48.37% 0.1351 337.38) 83.9%, oklch(47.02% 0.1324 316.99) 87.1%, oklch(45.71% 0.1297 297.36) 90.3%, oklch(44.54% 0.1273 279.71) 93.5%, oklch(43.58% 0.1253 265.26) 96.8%, oklch(42.91% 0.1240 255.23) 100.0%);

Trong các bộ sưu tập này

Gradient cam và xanh dương

Bảng màu tương tự Bộ sưu tập Tải xuống PNG JSON bảng màu Markdown Cách hoạt động