Xanh hải quân, tím, xanh cổ vịt và xanh lá (gradient tuyến tính)

Bảng màu Xanh hải quân, tím, xanh cổ vịt và xanh lá

Gradient tuyến tính, 32 màu, góc 90°: #241b59, #5049ab, #249ec1, #62c989, #d6dd4f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#241b59
#281e60
#2d2168
#342672
#3c2b7e
#433189
#4a3895
#4f40a1
#5049ab
#4f53b3
#4c5eba
#466abe
#3f76c1
#3981c3
#328bc3
#2c95c2
#249ec1
#18a6bf
#0aaeba
#0cb5b2
#20bba9
#37c19e
#4dc593
#62c989
#75cc7f
#86cf77
#97d36f
#a7d667
#b5d860
#c2da59
#cddc54
#d6dd4f

CSS

background: linear-gradient(90deg in oklch, oklch(27.56% 0.1075 283.36) 0.0%, oklch(29.04% 0.1116 283.77) 3.2%, oklch(31.03% 0.1178 284.74) 6.5%, oklch(33.39% 0.1251 285.93) 9.7%, oklch(36.02% 0.1329 286.97) 12.9%, oklch(38.77% 0.1402 287.50) 16.1%, oklch(41.55% 0.1463 287.15) 19.4%, oklch(44.21% 0.1504 285.57) 22.6%, oklch(46.66% 0.1515 282.41) 25.8%, oklch(49.08% 0.1494 277.71) 29.0%, oklch(51.54% 0.1446 271.76) 32.3%, oklch(54.01% 0.1381 264.80) 35.5%, oklch(56.44% 0.1309 257.07) 38.7%, oklch(58.81% 0.1239 248.80) 41.9%, oklch(61.07% 0.1179 240.23) 45.2%, oklch(63.18% 0.1139 231.61) 48.4%, oklch(65.12% 0.1127 222.98) 51.6%, oklch(66.87% 0.1134 213.50) 54.8%, oklch(68.49% 0.1155 203.33) 58.1%, oklch(70.00% 0.1186 192.81) 61.3%, oklch(71.44% 0.1224 182.29) 64.5%, oklch(72.83% 0.1265 172.12) 67.7%, oklch(74.21% 0.1306 162.65) 71.0%, oklch(75.62% 0.1342 154.23) 74.2%, oklch(77.10% 0.1375 146.89) 77.4%, oklch(78.67% 0.1412 140.10) 80.6%, oklch(80.28% 0.1451 133.87) 83.9%, oklch(81.85% 0.1490 128.22) 87.1%, oklch(83.33% 0.1528 123.19) 90.3%, oklch(84.66% 0.1562 118.81) 93.5%, oklch(85.77% 0.1591 115.13) 96.8%, oklch(86.61% 0.1612 112.17) 100.0%);

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

Gradient nhiều màu

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