Đen, nâu, cam và xanh cổ vịt (gradient hình nón)

Gradient hình nón, 64 màu, góc 315°: #211c1a, #6b2c27, #b34d37, #d6853d, #224b61. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#211c1a
#241d1a
#271e1b
#2a1f1b
#2e201b
#33211b
#37221b
#3c231c
#41241d
#47251d
#4c261e
#52261f
#572721
#5c2822
#622924
#662a25
#6b2c27
#702d28
#742e29
#79302b
#7e322c
#83332e
#87352f
#8c3730
#913932
#953b33
#9a3e34
#9e4034
#a34235
#a74536
#ab4836
#af4b37
#b34d37
#b75139
#bb543b
#c0583e
#c55c41
#ca6045
#cf6548
#d3694c
#d76d4e
#da7150
#dd7550
#df794f
#df7c4d
#de8049
#db8344
#d6853d
#cf8835
#c38a2d
#b48b28
#a28c2a
#8e8c31
#778a3c
#608747
#498252
#337b5b
#1f7462
#126c66
#0e6468
#135c67
#1a5566
#1f4f64
#224b61

CSS

background: conic-gradient(from 315deg in oklch, oklch(23.23% 0.0083 42.89) 0.0%, oklch(23.74% 0.0113 42.28) 1.6%, oklch(24.36% 0.0150 41.49) 3.2%, oklch(25.06% 0.0194 40.53) 4.8%, oklch(25.85% 0.0243 39.45) 6.3%, oklch(26.71% 0.0297 38.27) 7.9%, oklch(27.63% 0.0354 37.01) 9.5%, oklch(28.60% 0.0414 35.72) 11.1%, oklch(29.61% 0.0475 34.41) 12.7%, oklch(30.65% 0.0538 33.11) 14.3%, oklch(31.72% 0.0600 31.86) 15.9%, oklch(32.79% 0.0661 30.69) 17.5%, oklch(33.88% 0.0720 29.62) 19.0%, oklch(34.95% 0.0777 28.69) 20.6%, oklch(36.01% 0.0829 27.91) 22.2%, oklch(37.04% 0.0877 27.33) 23.8%, oklch(38.04% 0.0920 26.97) 25.4%, oklch(39.05% 0.0960 26.73) 27.0%, oklch(40.07% 0.0998 26.60) 28.6%, oklch(41.11% 0.1036 26.55) 30.2%, oklch(42.17% 0.1072 26.59) 31.7%, oklch(43.23% 0.1107 26.73) 33.3%, oklch(44.31% 0.1141 26.95) 34.9%, oklch(45.39% 0.1173 27.26) 36.5%, oklch(46.47% 0.1203 27.66) 38.1%, oklch(47.55% 0.1231 28.15) 39.7%, oklch(48.62% 0.1258 28.72) 41.3%, oklch(49.69% 0.1282 29.38) 42.9%, oklch(50.75% 0.1305 30.12) 44.4%, oklch(51.80% 0.1325 30.95) 46.0%, oklch(52.82% 0.1342 31.86) 47.6%, oklch(53.83% 0.1358 32.85) 49.2%, oklch(54.84% 0.1370 33.87) 50.8%, oklch(55.98% 0.1382 34.57) 52.4%, oklch(57.22% 0.1391 35.00) 54.0%, oklch(58.55% 0.1399 35.24) 55.6%, oklch(59.92% 0.1405 35.41) 57.1%, oklch(61.31% 0.1409 35.58) 58.7%, oklch(62.69% 0.1411 35.87) 60.3%, oklch(64.01% 0.1411 36.36) 61.9%, oklch(65.26% 0.1408 37.15) 63.5%, oklch(66.39% 0.1403 38.35) 65.1%, oklch(67.38% 0.1395 40.03) 66.7%, oklch(68.19% 0.1385 42.31) 68.3%, oklch(68.79% 0.1372 45.28) 69.8%, oklch(69.15% 0.1356 49.04) 71.4%, oklch(69.23% 0.1337 53.67) 73.0%, oklch(69.01% 0.1315 59.29) 74.6%, oklch(68.41% 0.1288 66.17) 76.2%, oklch(67.39% 0.1255 74.74) 77.8%, oklch(65.99% 0.1214 84.76) 79.4%, oklch(64.28% 0.1169 95.99) 81.0%, oklch(62.30% 0.1119 108.18) 82.5%, oklch(60.11% 0.1066 121.08) 84.1%, oklch(57.78% 0.1011 134.46) 85.7%, oklch(55.35% 0.0954 148.05) 87.3%, oklch(52.89% 0.0898 161.62) 88.9%, oklch(50.44% 0.0843 174.92) 90.5%, oklch(48.08% 0.0790 187.71) 92.1%, oklch(45.84% 0.0740 199.73) 93.7%, oklch(43.80% 0.0694 210.73) 95.2%, oklch(42.00% 0.0653 220.48) 96.8%, oklch(40.51% 0.0619 228.73) 98.4%, oklch(39.37% 0.0593 235.22) 100.0%);

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

Afro bohemian

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