Đỏ, tím, xanh dương và xanh cổ vịt (gradient tuyến tính)

Bảng màu Đỏ, tím, xanh dương và xanh cổ vịt

Gradient tuyến tính, 32 màu, góc 135°: #d65023, #a02228, #4c3362, #156d97, #25b2b7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#d65023
#d34b21
#ce4420
#c83c1f
#c1341f
#ba2e21
#b22922
#a92524
#a02228
#97212e
#8c2134
#802239
#75243f
#6a2646
#61294f
#572e59
#4c3362
#423a69
#3a406f
#344876
#2e5080
#275a89
#1d6391
#156d97
#11769d
#137fa3
#1688a8
#1691ad
#169bb1
#1aa4b4
#1fadb6
#25b2b7

CSS

background: linear-gradient(135deg in oklch, oklch(60.63% 0.1778 37.97) 0.0%, oklch(59.46% 0.1788 36.84) 3.2%, oklch(57.80% 0.1804 35.25) 6.5%, oklch(55.88% 0.1817 33.37) 9.7%, oklch(53.94% 0.1814 31.40) 12.9%, oklch(52.11% 0.1787 29.59) 16.1%, oklch(50.23% 0.1745 28.17) 19.4%, oklch(48.31% 0.1687 26.58) 22.6%, oklch(46.42% 0.1616 24.20) 25.8%, oklch(44.63% 0.1530 20.43) 29.0%, oklch(42.77% 0.1416 15.90) 32.3%, oklch(40.90% 0.1282 10.59) 35.5%, oklch(39.24% 0.1147 3.75) 38.7%, oklch(38.03% 0.1032 354.61) 41.9%, oklch(37.38% 0.0948 341.91) 45.2%, oklch(37.11% 0.0877 325.18) 48.4%, oklch(37.26% 0.0824 306.91) 51.6%, oklch(37.86% 0.0793 289.75) 54.8%, oklch(38.96% 0.0788 276.17) 58.1%, oklch(40.73% 0.0823 265.59) 61.3%, oklch(43.01% 0.0884 256.84) 64.5%, oklch(45.55% 0.0951 249.35) 67.7%, oklch(48.08% 0.1001 242.52) 71.0%, oklch(50.56% 0.1025 236.43) 74.2%, oklch(53.18% 0.1034 231.57) 77.4%, oklch(55.84% 0.1038 227.33) 80.6%, oklch(58.43% 0.1042 223.09) 83.9%, oklch(60.90% 0.1053 218.23) 87.1%, oklch(63.48% 0.1070 212.57) 90.3%, oklch(66.00% 0.1088 206.82) 93.5%, oklch(68.16% 0.1105 201.77) 96.8%, oklch(69.69% 0.1116 198.24) 100.0%);

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

Đua thuyền trên sông Kerala

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