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

Gradient tuyến tính, 32 màu, góc 90°: #4b335f, #446b95, #a1c4a6, #ede082, #dcaf44. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#4b335f
#4a3665
#463a6c
#413f75
#3a457d
#354d84
#355689
#3b608f
#446b95
#4f769b
#5782a0
#5e8ea4
#679ba6
#74a7a7
#83b2a6
#93bba6
#a1c4a6
#adcca5
#b9d3a1
#c6d99b
#d3dd94
#dedf8e
#e7e088
#ede082
#f2de7b
#f4dc74
#f5d76d
#f3d065
#edc75b
#e6bd52
#e0b54a
#dcaf44

CSS

background: linear-gradient(90deg in oklch, oklch(37.01% 0.0772 308.67) 0.0%, oklch(37.68% 0.0802 302.45) 3.2%, oklch(38.52% 0.0850 293.51) 6.5%, oklch(39.62% 0.0901 283.26) 9.7%, oklch(41.07% 0.0939 273.10) 12.9%, oklch(42.95% 0.0952 264.43) 16.1%, oklch(45.38% 0.0927 258.49) 19.4%, oklch(48.39% 0.0871 254.68) 22.6%, oklch(51.75% 0.0798 251.41) 25.8%, oklch(55.27% 0.0724 247.06) 29.0%, oklch(58.73% 0.0663 240.03) 32.3%, oklch(62.08% 0.0620 228.73) 35.5%, oklch(65.59% 0.0577 213.33) 38.7%, oklch(69.14% 0.0542 195.75) 41.9%, oklch(72.57% 0.0521 178.01) 45.2%, oklch(75.73% 0.0524 162.09) 48.4%, oklch(78.53% 0.0561 149.57) 51.6%, oklch(81.14% 0.0636 139.03) 54.8%, oklch(83.55% 0.0738 129.92) 58.1%, oklch(85.64% 0.0848 122.04) 61.3%, oklch(87.33% 0.0950 115.17) 64.5%, oklch(88.54% 0.1030 109.18) 67.7%, oklch(89.33% 0.1100 104.54) 71.0%, oklch(89.73% 0.1163 101.08) 74.2%, oklch(89.72% 0.1219 98.41) 77.4%, oklch(89.28% 0.1265 96.10) 80.6%, oklch(88.39% 0.1300 93.75) 83.9%, oklch(86.65% 0.1320 91.50) 87.1%, oklch(84.20% 0.1327 89.58) 90.3%, oklch(81.55% 0.1326 87.97) 93.5%, oklch(79.17% 0.1323 86.67) 96.8%, oklch(77.56% 0.1323 85.70) 100.0%);

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

Lụa kasavu và vạn thọ

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