Xanh cổ vịt, xanh lá, cam và nâu tông rực rỡ (gradient xuyên tâm)

Xanh cổ vịt, xanh lá, cam và nâu tông rực rỡ: bảng màu gồm 32 màu. #0e8590, #29aeb9, #a09d26, #bc5743, #7b3c2c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#0e8590
#108893
#148c98
#19919e
#1e97a4
#239dab
#26a3b1
#28a9b6
#29aeb9
#28b3b8
#28b7b4
#2cb9aa
#3bb999
#52b783
#6db267
#88a948
#a09d26
#b39000
#c08200
#c87516
#ca6b2c
#c96339
#c45d40
#bc5743
#b35243
#aa4e40
#a04a3d
#974638
#8e4334
#864030
#803e2e
#7b3c2c

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(56.30% 0.0937 206.02) 0.0%, oklch(57.23% 0.0949 205.66) 3.2%, oklch(58.56% 0.0963 205.91) 6.5%, oklch(60.17% 0.0980 206.46) 9.7%, oklch(61.96% 0.0999 207.00) 12.9%, oklch(63.84% 0.1020 207.22) 16.1%, oklch(65.68% 0.1042 206.81) 19.4%, oklch(67.40% 0.1065 205.46) 22.6%, oklch(68.89% 0.1088 202.85) 25.8%, oklch(70.04% 0.1112 198.69) 29.0%, oklch(70.75% 0.1136 192.65) 32.3%, oklch(70.97% 0.1161 184.16) 35.5%, oklch(70.85% 0.1193 172.53) 38.7%, oklch(70.44% 0.1229 158.39) 41.9%, oklch(69.78% 0.1268 142.48) 45.2%, oklch(68.91% 0.1307 125.51) 48.4%, oklch(67.86% 0.1343 108.20) 51.6%, oklch(66.68% 0.1363 91.28) 54.8%, oklch(65.40% 0.1377 75.48) 58.1%, oklch(64.07% 0.1418 61.54) 61.3%, oklch(62.71% 0.1423 50.15) 64.5%, oklch(61.35% 0.1415 41.96) 67.7%, oklch(59.75% 0.1389 36.36) 71.0%, oklch(57.91% 0.1350 32.77) 74.2%, oklch(55.89% 0.1299 30.84) 77.4%, oklch(53.77% 0.1240 30.22) 80.6%, oklch(51.64% 0.1178 30.57) 83.9%, oklch(49.56% 0.1115 31.55) 87.1%, oklch(47.61% 0.1054 32.81) 90.3%, oklch(45.87% 0.1000 34.00) 93.5%, oklch(44.41% 0.0955 34.79) 96.8%, oklch(43.31% 0.0923 34.82) 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