Xanh dương, tím, hồng và nâu vàng tông rực rỡ (gradient tuyến tính)

Bảng màu Xanh dương, tím, hồng và nâu vàng tông rực rỡ

Gradient tuyến tính, 32 màu, góc 45°: #414fd7, #8619e6, #fe9888, #fed267, #8c68b1. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#414fd7
#4349dc
#453fe1
#4931e7
#5122ec
#5c17ee
#690fed
#7711eb
#8619e6
#9725df
#a834d6
#b945cd
#c955c2
#da63b6
#ea72a7
#f78495
#fe9888
#ffac82
#ffba81
#ffc681
#ffcf7f
#ffd479
#ffd670
#fed267
#f7cb75
#eec282
#e4b689
#dda78a
#d4918d
#c27c99
#a66ea9
#8c68b1

CSS

background: linear-gradient(45deg in oklch, oklch(50.39% 0.2067 272.11) 0.0%, oklch(49.86% 0.2182 273.32) 3.2%, oklch(49.02% 0.2353 274.93) 6.5%, oklch(48.26% 0.2531 277.12) 9.7%, oklch(47.94% 0.2667 280.08) 12.9%, oklch(48.33% 0.2726 283.93) 16.1%, oklch(49.18% 0.2738 288.59) 19.4%, oklch(50.45% 0.2711 294.01) 22.6%, oklch(52.15% 0.2646 300.13) 25.8%, oklch(54.27% 0.2546 306.93) 29.0%, oklch(56.98% 0.2388 313.91) 32.3%, oklch(60.19% 0.2182 321.34) 35.5%, oklch(63.66% 0.1961 329.96) 38.7%, oklch(67.15% 0.1759 340.50) 41.9%, oklch(70.63% 0.1585 354.21) 45.2%, oklch(74.42% 0.1408 11.60) 48.4%, oklch(78.18% 0.1249 30.13) 51.6%, oklch(81.53% 0.1129 47.14) 54.8%, oklch(84.13% 0.1079 60.18) 58.1%, oklch(86.25% 0.1079 70.71) 61.3%, oklch(87.92% 0.1124 79.21) 64.5%, oklch(88.91% 0.1204 85.03) 67.7%, oklch(89.04% 0.1289 87.49) 71.0%, oklch(88.14% 0.1338 86.67) 74.2%, oklch(86.32% 0.1158 83.11) 77.4%, oklch(83.77% 0.0955 76.18) 80.6%, oklch(80.68% 0.0798 65.21) 83.9%, oklch(77.08% 0.0756 48.85) 87.1%, oklch(72.17% 0.0822 23.12) 90.3%, oklch(66.70% 0.0945 352.99) 93.5%, oklch(61.71% 0.1073 325.06) 96.8%, oklch(58.27% 0.1157 305.93) 100.0%);

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

Gradient tươi sáng Gradient mùa hè Gradient nhiều màu rực rỡ

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