Trắng, xanh dương, tím và be (gradient tuyến tính)

Gradient tuyến tính, 32 màu, góc 135°: #f2eee1, #5f7286, #643f8b, #c04489, #ecddbc. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f2eee1
#e4e4d6
#d0d6c8
#b9c5b9
#a0b2ab
#89a09f
#768d94
#687e8b
#5f7286
#596883
#555f82
#525882
#525184
#534c86
#564788
#5c438a
#643f8b
#6d3c8d
#783a8f
#853992
#923993
#a13a93
#b13e90
#c04489
#cf5080
#dc6276
#e67a70
#eb9373
#ebac81
#ebc295
#ead2ab
#ecddbc

CSS

background: linear-gradient(135deg in oklch, oklch(94.88% 0.0179 92.81) 0.0%, oklch(91.49% 0.0190 106.00) 3.2%, oklch(86.72% 0.0200 124.40) 6.5%, oklch(81.04% 0.0211 146.36) 9.7%, oklch(74.88% 0.0226 170.21) 12.9%, oklch(68.69% 0.0249 194.29) 16.1%, oklch(62.91% 0.0282 216.95) 19.4%, oklch(57.98% 0.0328 236.51) 22.6%, oklch(54.32% 0.0389 251.41) 25.8%, oklch(51.48% 0.0473 262.52) 29.0%, oklch(49.16% 0.0575 271.05) 32.3%, oklch(47.33% 0.0689 277.67) 35.5%, oklch(45.98% 0.0811 283.01) 38.7%, oklch(45.05% 0.0932 287.72) 41.9%, oklch(44.54% 0.1048 292.45) 45.2%, oklch(44.42% 0.1153 297.84) 48.4%, oklch(44.67% 0.1245 304.24) 51.6%, oklch(45.41% 0.1346 310.26) 54.8%, oklch(46.61% 0.1453 315.91) 58.1%, oklch(48.24% 0.1555 321.50) 61.3%, oklch(50.23% 0.1644 327.34) 64.5%, oklch(52.54% 0.1709 333.73) 67.7%, oklch(55.12% 0.1742 340.98) 71.0%, oklch(57.93% 0.1733 349.40) 74.2%, oklch(61.16% 0.1666 359.64) 77.4%, oklch(65.22% 0.1535 12.25) 80.6%, oklch(69.84% 0.1358 26.39) 83.9%, oklch(74.69% 0.1154 41.13) 87.1%, oklch(79.46% 0.0944 55.56) 90.3%, oklch(83.84% 0.0747 68.77) 93.5%, oklch(87.51% 0.0582 79.85) 96.8%, oklch(90.16% 0.0469 87.88) 100.0%);

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

Gradient bản đồ thời tiết

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