Nâu (đơn sắc) tông rực rỡ (gradient hình nón)

Gradient hình nón, 68 màu, góc 280°: #b4832d, #a77732, #946737, #825a39, #735039. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b4832d
#b3822e
#b3822e
#b2812e
#b2812e
#b1802f
#b07f2f
#b07f2f
#af7e2f
#ae7d30
#ad7d30
#ad7c30
#ac7b31
#ab7a31
#aa7931
#a97932
#a87832
#a77732
#a67633
#a57533
#a47433
#a37333
#a27234
#a17134
#a07134
#9f7035
#9e6f35
#9d6e35
#9c6d35
#9a6c36
#996b36
#986a36
#976936
#966837
#946737
#936637
#926537
#916437
#906337
#8e6338
#8d6238
#8c6138
#8b6038
#8a5f38
#885e38
#875d38
#865d38
#855c38
#845b38
#835a39
#825a39
#805939
#7f5839
#7e5739
#7d5739
#7c5639
#7b5639
#7b5539
#7a5439
#795439
#785339
#775339
#765239
#765239
#755239
#745139
#745139
#735039

CSS

background: conic-gradient(from 280deg in oklch, oklch(64.17% 0.1157 77.34) 0.0%, oklch(64.04% 0.1153 77.17) 1.5%, oklch(63.89% 0.1148 76.98) 3.0%, oklch(63.72% 0.1143 76.78) 4.5%, oklch(63.55% 0.1138 76.57) 6.0%, oklch(63.37% 0.1132 76.34) 7.5%, oklch(63.18% 0.1126 76.10) 9.0%, oklch(62.98% 0.1119 75.85) 10.4%, oklch(62.77% 0.1113 75.58) 11.9%, oklch(62.55% 0.1106 75.31) 13.4%, oklch(62.32% 0.1098 75.02) 14.9%, oklch(62.08% 0.1091 74.72) 16.4%, oklch(61.84% 0.1083 74.42) 17.9%, oklch(61.58% 0.1075 74.10) 19.4%, oklch(61.32% 0.1067 73.77) 20.9%, oklch(61.06% 0.1058 73.44) 22.4%, oklch(60.78% 0.1049 73.10) 23.9%, oklch(60.50% 0.1040 72.75) 25.4%, oklch(60.22% 0.1031 72.39) 26.9%, oklch(59.93% 0.1022 72.03) 28.4%, oklch(59.63% 0.1013 71.66) 29.9%, oklch(59.33% 0.1003 71.28) 31.3%, oklch(59.03% 0.0993 70.90) 32.8%, oklch(58.72% 0.0983 70.51) 34.3%, oklch(58.40% 0.0974 70.12) 35.8%, oklch(58.09% 0.0963 69.72) 37.3%, oklch(57.77% 0.0953 69.32) 38.8%, oklch(57.45% 0.0943 68.92) 40.3%, oklch(57.12% 0.0933 68.51) 41.8%, oklch(56.80% 0.0922 68.10) 43.3%, oklch(56.47% 0.0912 67.69) 44.8%, oklch(56.14% 0.0901 67.28) 46.3%, oklch(55.81% 0.0891 66.87) 47.8%, oklch(55.48% 0.0880 66.45) 49.3%, oklch(55.15% 0.0870 66.04) 50.7%, oklch(54.82% 0.0859 65.63) 52.2%, oklch(54.49% 0.0849 65.21) 53.7%, oklch(54.16% 0.0838 64.80) 55.2%, oklch(53.83% 0.0828 64.39) 56.7%, oklch(53.51% 0.0817 63.98) 58.2%, oklch(53.18% 0.0807 63.58) 59.7%, oklch(52.86% 0.0797 63.17) 61.2%, oklch(52.54% 0.0787 62.77) 62.7%, oklch(52.23% 0.0776 62.38) 64.2%, oklch(51.91% 0.0767 61.99) 65.7%, oklch(51.60% 0.0757 61.60) 67.2%, oklch(51.30% 0.0747 61.22) 68.7%, oklch(51.00% 0.0737 60.84) 70.1%, oklch(50.70% 0.0728 60.47) 71.6%, oklch(50.41% 0.0719 60.11) 73.1%, oklch(50.13% 0.0710 59.75) 74.6%, oklch(49.85% 0.0701 59.40) 76.1%, oklch(49.57% 0.0692 59.06) 77.6%, oklch(49.31% 0.0683 58.72) 79.1%, oklch(49.05% 0.0675 58.40) 80.6%, oklch(48.79% 0.0667 58.08) 82.1%, oklch(48.55% 0.0659 57.77) 83.6%, oklch(48.31% 0.0652 57.48) 85.1%, oklch(48.08% 0.0644 57.19) 86.6%, oklch(47.86% 0.0637 56.91) 88.1%, oklch(47.65% 0.0631 56.65) 89.6%, oklch(47.45% 0.0624 56.40) 91.0%, oklch(47.26% 0.0618 56.16) 92.5%, oklch(47.08% 0.0612 55.93) 94.0%, oklch(46.91% 0.0607 55.71) 95.5%, oklch(46.74% 0.0602 55.51) 97.0%, oklch(46.59% 0.0597 55.32) 98.5%, oklch(46.46% 0.0593 55.15) 100.0%);

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

Gradient hai màu

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