Be, xanh lá và xanh dương (gradient tuyến tính)

Be, xanh lá và xanh dương: bảng màu gồm 32 màu. #f5e9b0, #b9c54a, #5d9d52, #347fa9, #5366aa. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#f5e9b0
#f2e5a7
#eee19a
#e9dc8a
#e2d77b
#dbd36e
#d1ce61
#c5c955
#b9c54a
#adc041
#a0bb39
#94b632
#87b130
#7aad34
#6da83d
#64a248
#5d9d52
#53985d
#459569
#31927a
#248e8b
#288999
#3284a2
#347fa9
#2f7cb2
#2979bb
#2975c1
#3371c2
#3f6dbe
#496ab7
#4f68af
#5366aa

CSS

background: linear-gradient(90deg in oklch, oklch(92.91% 0.0744 97.03) 0.0%, oklch(91.90% 0.0816 97.89) 3.2%, oklch(90.48% 0.0920 99.05) 6.5%, oklch(88.79% 0.1036 100.56) 9.7%, oklch(86.99% 0.1145 102.44) 12.9%, oklch(85.17% 0.1234 104.78) 16.1%, oklch(83.18% 0.1317 107.70) 19.4%, oklch(81.08% 0.1393 110.97) 22.6%, oklch(78.95% 0.1458 114.34) 25.8%, oklch(76.87% 0.1508 117.55) 29.0%, oklch(74.78% 0.1552 120.42) 32.3%, oklch(72.66% 0.1586 123.18) 35.5%, oklch(70.60% 0.1601 126.16) 38.7%, oklch(68.64% 0.1583 129.69) 41.9%, oklch(66.82% 0.1518 133.50) 45.2%, oklch(65.06% 0.1399 136.83) 48.4%, oklch(63.42% 0.1259 140.97) 51.6%, oklch(61.94% 0.1129 147.36) 54.8%, oklch(60.69% 0.1040 157.53) 58.1%, oklch(59.70% 0.0971 173.29) 61.3%, oklch(58.90% 0.0919 192.28) 64.5%, oklch(58.22% 0.0893 211.10) 67.7%, oklch(57.57% 0.0904 226.37) 71.0%, oklch(56.95% 0.0979 236.33) 74.2%, oklch(56.41% 0.1119 243.05) 77.4%, oklch(55.91% 0.1274 247.82) 80.6%, oklch(55.41% 0.1390 251.94) 83.9%, oklch(54.88% 0.1419 256.51) 87.1%, oklch(54.27% 0.1363 260.94) 90.3%, oklch(53.66% 0.1262 264.85) 93.5%, oklch(53.13% 0.1157 268.04) 96.8%, oklch(52.76% 0.1089 270.34) 100.0%);

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

Thêu mùa thu hoạch vùng Alps

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