Cam, xanh dương nhạt, xanh cổ vịt và xám (gradient tuyến tính)

Cam, xanh dương nhạt, xanh cổ vịt và xám: bảng màu gồm 32 màu. #f15a26, #3b72ae, #1c95a0, #6bc8c3, #e8f3e8. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

32 màu, 4 keyframe OKLCH chỉnh sửa được.

#f15a26
#ed554c
#e3526e
#d2538e
#b958a8
#9b5fb9
#7a66bf
#596dba
#3b72ae
#2075a0
#0f7894
#0c7a8d
#117e8b
#15828c
#188891
#1a8e97
#1c95a0
#209da9
#26a4b2
#2facb9
#3ab3bf
#47bac1
#58c1c3
#6bc8c3
#7fcfc4
#94d6c7
#a7dcca
#b9e2cf
#c9e7d5
#d6ecdc
#e0f0e2
#e8f3e8

CSS

background: linear-gradient(45deg in oklch, oklch(66.14% 0.1957 37.97) 0.0%, oklch(65.26% 0.1894 27.05) 3.2%, oklch(63.96% 0.1807 12.20) 6.5%, oklch(62.37% 0.1702 354.34) 9.7%, oklch(60.59% 0.1585 334.40) 12.9%, oklch(58.77% 0.1462 313.29) 16.1%, oklch(57.01% 0.1338 291.96) 19.4%, oklch(55.44% 0.1219 271.32) 22.6%, oklch(54.18% 0.1112 252.29) 25.8%, oklch(53.36% 0.1021 235.80) 29.0%, oklch(53.09% 0.0954 222.79) 32.3%, oklch(53.46% 0.0914 213.80) 35.5%, oklch(54.34% 0.0899 207.92) 38.7%, oklch(55.65% 0.0906 204.52) 41.9%, oklch(57.32% 0.0927 203.07) 45.2%, oklch(59.28% 0.0957 203.01) 48.4%, oklch(61.44% 0.0991 203.79) 51.6%, oklch(63.73% 0.1023 204.87) 54.8%, oklch(66.07% 0.1048 205.69) 58.1%, oklch(68.41% 0.1059 205.71) 61.3%, oklch(70.64% 0.1052 204.38) 64.5%, oklch(72.74% 0.1020 201.21) 67.7%, oklch(75.00% 0.0965 196.66) 71.0%, oklch(77.46% 0.0890 191.18) 74.2%, oklch(80.04% 0.0802 185.02) 77.4%, oklch(82.67% 0.0704 178.46) 80.6%, oklch(85.27% 0.0602 171.77) 83.9%, oklch(87.77% 0.0500 165.19) 87.1%, oklch(90.10% 0.0404 159.00) 90.3%, oklch(92.18% 0.0317 153.46) 93.5%, oklch(93.93% 0.0245 148.84) 96.8%, oklch(95.28% 0.0193 145.41) 100.0%);

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

Darecations

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