Xanh dương nhạt, xanh lá, cam và tím (gradient tuyến tính)

Xanh dương nhạt, xanh lá, cam và tím: bảng màu gồm 32 màu. #d0f2f4, #53a961, #eaba23, #cd503d, #643375. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 6 keyframe OKLCH chỉnh sửa được.

#d0f2f4
#bce7e8
#a1d8d4
#81c6bb
#62b4a1
#49a687
#3c9f73
#41a067
#53a961
#6db65d
#89c55a
#a6d155
#bfd74c
#d2d63e
#decf30
#e6c527
#eaba23
#ebad25
#ea9f28
#e9922c
#e5832e
#df7231
#d66036
#cd503d
#c14146
#b63750
#a8325b
#993066
#89316e
#7a3272
#6d3374
#643375

CSS

background: linear-gradient(90deg in oklch, oklch(93.70% 0.0358 201.09) 0.0%, oklch(89.92% 0.0445 196.82) 3.2%, oklch(84.24% 0.0568 190.96) 6.5%, oklch(77.68% 0.0712 184.00) 9.7%, oklch(71.30% 0.0864 176.41) 12.9%, oklch(66.13% 0.1010 168.68) 16.1%, oklch(63.21% 0.1136 161.28) 19.4%, oklch(63.42% 0.1241 154.33) 22.6%, oklch(66.30% 0.1343 147.32) 25.8%, oklch(70.80% 0.1438 140.23) 29.0%, oklch(75.90% 0.1523 133.05) 32.3%, oklch(80.53% 0.1591 125.80) 35.5%, oklch(83.66% 0.1640 118.46) 38.7%, oklch(84.57% 0.1663 111.04) 41.9%, oklch(84.19% 0.1654 103.58) 45.2%, oklch(82.89% 0.1622 96.05) 48.4%, oklch(80.90% 0.1579 88.42) 51.6%, oklch(78.50% 0.1538 80.67) 54.8%, oklch(75.93% 0.1508 72.77) 58.1%, oklch(73.36% 0.1503 64.69) 61.3%, oklch(70.27% 0.1523 56.47) 64.5%, oklch(66.74% 0.1557 48.12) 67.7%, oklch(63.00% 0.1594 39.62) 71.0%, oklch(59.30% 0.1624 30.99) 74.2%, oklch(55.89% 0.1636 22.22) 77.4%, oklch(53.01% 0.1620 13.28) 80.6%, oklch(50.45% 0.1568 3.31) 83.9%, oklch(48.08% 0.1489 352.51) 87.1%, oklch(45.93% 0.1397 341.68) 90.3%, oklch(44.07% 0.1305 331.62) 93.5%, oklch(42.52% 0.1225 323.12) 96.8%, oklch(41.34% 0.1171 316.98) 100.0%);

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

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

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