Xanh hải quân, xanh cổ vịt, xanh dương nhạt và tím (gradient xuyên tâm)

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

Gradient xuyên tâm, 32 màu: #020b1e, #04576c, #00d6c0, #d255b6, #0a1630. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#020b1e
#031024
#04162b
#051e34
#07283f
#08324a
#083e55
#074a61
#04576c
#006778
#007a84
#038e8e
#1da295
#31b49c
#3cc4a4
#38cfaf
#00d6c0
#00d3da
#00cbfa
#70b8ff
#97a2ff
#ba80ff
#d067d9
#d255b6
#c54aa1
#ab4195
#89398b
#65327d
#432b6a
#282354
#151c3f
#0a1630

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(15.35% 0.0441 258.75) 0.0%, oklch(17.36% 0.0464 256.04) 3.2%, oklch(19.95% 0.0493 252.51) 6.5%, oklch(23.04% 0.0527 248.32) 9.7%, oklch(26.51% 0.0567 243.61) 12.9%, oklch(30.28% 0.0611 238.53) 16.1%, oklch(34.24% 0.0660 233.23) 19.4%, oklch(38.29% 0.0714 227.86) 22.6%, oklch(42.38% 0.0773 222.45) 25.8%, oklch(47.20% 0.0833 214.79) 29.0%, oklch(52.73% 0.0900 205.01) 32.3%, oklch(58.55% 0.0995 194.57) 35.5%, oklch(64.30% 0.1079 184.89) 38.7%, oklch(69.56% 0.1163 177.38) 41.9%, oklch(73.93% 0.1247 173.45) 45.2%, oklch(77.01% 0.1326 174.53) 48.4%, oklch(78.51% 0.1403 182.39) 51.6%, oklch(78.78% 0.1339 199.15) 54.8%, oklch(78.04% 0.1447 222.48) 58.1%, oklch(76.43% 0.1257 249.50) 61.3%, oklch(74.11% 0.1347 277.37) 64.5%, oklch(71.22% 0.1844 303.20) 67.7%, oklch(67.90% 0.1923 324.14) 71.0%, oklch(64.31% 0.1913 337.32) 74.2%, oklch(60.17% 0.1840 340.83) 77.4%, oklch(54.77% 0.1698 336.66) 80.6%, oklch(48.51% 0.1507 326.87) 83.9%, oklch(41.86% 0.1288 313.48) 87.1%, oklch(35.27% 0.1062 298.49) 90.3%, oklch(29.20% 0.0850 283.92) 93.5%, oklch(24.11% 0.0673 271.76) 96.8%, oklch(20.47% 0.0551 264.03) 100.0%);

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

Gradient cực quang

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