Nâu, cam, xanh dương và tím (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #a2511e, #d5b65c, #924c96, #411a1f, #1b6099. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#a2511e
#a75820
#ac6125
#b36c2b
#ba7833
#c0853c
#c79245
#cc9d4f
#d1a756
#d4ad5c
#d6b15e
#d6b45e
#d5b65c
#d3b658
#d0b653
#ceb34c
#cdaf43
#cda839
#cf9f30
#d2932c
#d58235
#d36e4b
#c85d67
#b25182
#924c96
#6e499f
#4b489c
#2b4592
#124186
#113a7c
#223272
#312865
#3c2053
#421b40
#43192d
#411a1f
#3e1c17
#3c1e15
#3d2016
#41211b
#492425
#512735
#562d4a
#573562
#514079
#444c8a
#325795
#1b6099

CSS

background: linear-gradient(135deg in oklch, oklch(52.76% 0.1240 49.22) 0.0%, oklch(54.47% 0.1229 51.74) 2.1%, oklch(56.88% 0.1213 55.29) 4.3%, oklch(59.79% 0.1193 59.57) 6.4%, oklch(63.01% 0.1171 64.29) 8.5%, oklch(66.32% 0.1149 69.18) 10.6%, oklch(69.55% 0.1130 73.92) 12.8%, oklch(72.49% 0.1114 78.24) 14.9%, oklch(74.93% 0.1103 81.85) 17.0%, oklch(76.70% 0.1101 84.45) 19.1%, oklch(77.69% 0.1108 86.17) 21.3%, oklch(78.26% 0.1126 88.36) 23.4%, oklch(78.48% 0.1153 90.73) 25.5%, oklch(78.34% 0.1185 92.84) 27.7%, oklch(77.87% 0.1220 94.25) 29.8%, oklch(77.07% 0.1256 94.48) 31.9%, oklch(75.96% 0.1290 93.09) 34.0%, oklch(74.54% 0.1319 89.62) 36.2%, oklch(72.83% 0.1340 83.62) 38.3%, oklch(70.83% 0.1352 74.56) 40.4%, oklch(68.20% 0.1360 59.88) 42.6%, oklch(64.91% 0.1366 39.86) 44.7%, oklch(61.16% 0.1369 16.26) 46.8%, oklch(57.10% 0.1368 350.85) 48.9%, oklch(52.93% 0.1362 325.40) 51.1%, oklch(48.82% 0.1350 301.69) 53.2%, oklch(44.96% 0.1330 281.49) 55.3%, oklch(41.51% 0.1301 266.56) 57.4%, oklch(38.67% 0.1263 258.68) 59.6%, oklch(36.38% 0.1208 259.72) 61.7%, oklch(34.29% 0.1127 269.52) 63.8%, oklch(32.42% 0.1029 285.89) 66.0%, oklch(30.79% 0.0921 306.63) 68.1%, oklch(29.43% 0.0810 329.51) 70.2%, oklch(28.38% 0.0704 352.33) 72.3%, oklch(27.66% 0.0611 12.87) 74.5%, oklch(27.30% 0.0538 28.91) 76.6%, oklch(27.34% 0.0493 38.25) 78.7%, oklch(27.83% 0.0483 38.86) 80.9%, oklch(29.08% 0.0510 31.56) 83.0%, oklch(31.00% 0.0566 18.18) 85.1%, oklch(33.40% 0.0644 0.31) 87.2%, oklch(36.09% 0.0736 339.55) 89.4%, oklch(38.91% 0.0834 317.51) 91.5%, oklch(41.65% 0.0932 295.79) 93.6%, oklch(44.14% 0.1021 276.00) 95.7%, oklch(46.20% 0.1094 259.73) 97.9%, oklch(47.64% 0.1144 248.59) 100.0%);

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

Oktoberfest

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