Xanh dương, xám, hồng và tím (gradient tuyến tính)

Gradient tuyến tính, 48 màu, góc 135°: #5d788f, #c7cfad, #b85da2, #bf7f97, #233767. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#5d788f
#617e93
#678698
#71919d
#7d9ca4
#89a7aa
#97b2b1
#a3bcb7
#aec4bc
#b6cbbe
#bbcebc
#c0d0b6
#c7cfad
#d0cca1
#dac596
#e5bd8d
#edb388
#f3a889
#f49d8e
#f29495
#ec8a9b
#e27f9f
#d573a1
#c768a2
#b85da2
#aa54a0
#9e4c9e
#94479c
#8e459b
#8d469a
#924b99
#9b5397
#a65d96
#b16995
#b97596
#bf7f97
#c28799
#c28b9b
#bd8a9b
#b38499
#a67b95
#956f90
#82638b
#6c5785
#574c7d
#424375
#303c6d
#233767

CSS

background: linear-gradient(135deg in oklch, oklch(55.91% 0.0482 245.39) 0.0%, oklch(57.78% 0.0466 239.72) 2.1%, oklch(60.42% 0.0438 232.61) 4.3%, oklch(63.60% 0.0403 224.24) 6.4%, oklch(67.12% 0.0366 214.81) 8.5%, oklch(70.75% 0.0331 204.50) 10.6%, oklch(74.28% 0.0301 193.50) 12.8%, oklch(77.51% 0.0282 182.00) 14.9%, oklch(80.20% 0.0277 170.18) 17.0%, oklch(82.15% 0.0291 158.23) 19.1%, oklch(83.25% 0.0329 146.01) 21.3%, oklch(83.82% 0.0390 132.46) 23.4%, oklch(83.94% 0.0472 117.83) 25.5%, oklch(83.67% 0.0567 102.54) 27.7%, oklch(83.05% 0.0671 86.98) 29.8%, oklch(82.13% 0.0779 71.56) 31.9%, oklch(80.97% 0.0886 56.68) 34.0%, oklch(79.59% 0.0985 42.75) 36.2%, oklch(78.07% 0.1072 30.17) 38.3%, oklch(76.42% 0.1143 19.32) 40.4%, oklch(74.19% 0.1208 9.48) 42.6%, oklch(71.30% 0.1274 0.27) 44.7%, oklch(67.98% 0.1337 351.78) 46.8%, oklch(64.46% 0.1394 344.11) 48.9%, oklch(60.96% 0.1444 337.35) 51.1%, oklch(57.71% 0.1482 331.61) 53.2%, oklch(54.93% 0.1508 326.97) 55.3%, oklch(52.84% 0.1517 323.53) 57.4%, oklch(51.68% 0.1507 321.39) 59.6%, oklch(51.73% 0.1470 321.30) 61.7%, oklch(53.06% 0.1401 324.22) 63.8%, oklch(55.33% 0.1308 329.36) 66.0%, oklch(58.21% 0.1198 335.88) 68.1%, oklch(61.34% 0.1079 342.97) 70.2%, oklch(64.38% 0.0961 349.78) 72.3%, oklch(66.99% 0.0851 355.49) 74.5%, oklch(68.83% 0.0757 359.25) 76.6%, oklch(69.54% 0.0688 0.25) 78.7%, oklch(68.81% 0.0650 357.66) 80.9%, oklch(66.63% 0.0639 351.40) 83.0%, oklch(63.31% 0.0648 342.22) 85.1%, oklch(59.17% 0.0672 330.96) 87.2%, oklch(54.52% 0.0707 318.41) 89.4%, oklch(49.68% 0.0748 305.40) 91.5%, oklch(44.96% 0.0791 292.76) 93.6%, oklch(40.67% 0.0831 281.28) 95.7%, oklch(37.12% 0.0862 271.80) 97.9%, oklch(34.65% 0.0882 265.12) 100.0%);

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

Bầu trời

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