Xanh hải quân, vàng, xanh dương và tím (gradient tuyến tính)

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

Gradient tuyến tính, 32 màu, góc 180°: #24314c, #d8e97a, #87d24e, #7f5abb, #482b75. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#24314c
#26405d
#255872
#237785
#329890
#5bb791
#8cd08b
#b9e082
#d8e97a
#eaeb70
#f3e963
#f5e454
#efde42
#e1d930
#ccd427
#b0d232
#87d24e
#33d078
#00c1a6
#00b0be
#009dd5
#4783e3
#706bd2
#7f5abb
#824ea8
#7e4599
#753e8f
#6b3887
#603482
#56317d
#4d2e79
#482b75

CSS

background: linear-gradient(180deg in oklch, oklch(31.50% 0.0524 264.37) 0.0%, oklch(36.58% 0.0593 251.58) 3.2%, oklch(43.89% 0.0687 233.29) 6.5%, oklch(52.62% 0.0801 211.44) 9.7%, oklch(61.98% 0.0924 187.97) 12.9%, oklch(71.16% 0.1051 164.82) 16.1%, oklch(79.36% 0.1173 143.91) 19.4%, oklch(85.80% 0.1282 127.18) 22.6%, oklch(89.70% 0.1371 116.40) 25.8%, oklch(91.47% 0.1453 109.33) 29.0%, oklch(91.71% 0.1533 104.72) 32.3%, oklch(90.73% 0.1607 102.66) 35.5%, oklch(88.85% 0.1674 103.21) 38.7%, oklch(86.41% 0.1730 106.47) 41.9%, oklch(83.72% 0.1772 112.52) 45.2%, oklch(81.10% 0.1799 121.44) 48.4%, oklch(78.72% 0.1806 133.95) 51.6%, oklch(75.89% 0.1790 153.15) 54.8%, oklch(72.61% 0.1341 177.55) 58.1%, oklch(69.05% 0.1179 204.93) 61.3%, oklch(65.35% 0.1351 233.04) 64.5%, oklch(61.68% 0.1589 259.63) 67.7%, oklch(58.19% 0.1532 282.49) 71.0%, oklch(55.05% 0.1484 299.39) 74.2%, oklch(52.23% 0.1445 309.08) 77.4%, oklch(49.45% 0.1405 313.54) 80.6%, oklch(46.74% 0.1366 314.01) 83.9%, oklch(44.18% 0.1327 311.70) 87.1%, oklch(41.82% 0.1292 307.77) 90.3%, oklch(39.73% 0.1260 303.42) 93.5%, oklch(37.98% 0.1233 299.83) 96.8%, oklch(36.61% 0.1213 298.19) 100.0%);

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

Vẽ nguệch ngoạc trên vở học sinh

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