Tím, hồng, nâu và xám (sọc màu hình nón)

Sọc màu hình nón, 64 màu, góc 110°: #8d7594, #b5a2b2, #c48d6c, #91644d, #667051. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#8d7594
#8e7695
#907897
#927b99
#947e9b
#97829d
#9a859f
#9d89a2
#a08da4
#a391a7
#a694a9
#a998ab
#ac9bad
#ae9daf
#b19fb0
#b3a1b1
#b5a2b2
#b8a2b2
#baa2b1
#bda1b0
#bfa0ad
#c29eaa
#c59da6
#c79ba2
#c9999c
#cb9796
#cb968f
#cc9488
#cb9382
#ca917b
#c89075
#c78f70
#c48d6c
#c28b68
#bf8965
#bc8662
#b88360
#b57f5e
#b17c5c
#ad785b
#aa7559
#a67258
#a26e56
#9e6c55
#9b6953
#976751
#94654f
#91644d
#8e634b
#8c6349
#896347
#866446
#846444
#816544
#7d6744
#7a6844
#776945
#746b47
#716c49
#6e6d4b
#6c6e4d
#6a6f4e
#686f50
#667051

CSS

background: conic-gradient(from 110deg, oklch(59.45% 0.0551 317.81) 0.000% 1.563%, oklch(59.97% 0.0541 318.18) 1.563% 3.125%, oklch(60.66% 0.0528 318.43) 3.125% 4.688%, oklch(61.47% 0.0510 318.61) 4.688% 6.250%, oklch(62.40% 0.0491 318.75) 6.250% 7.813%, oklch(63.41% 0.0469 318.90) 7.813% 9.375%, oklch(64.49% 0.0446 319.10) 9.375% 10.938%, oklch(65.60% 0.0423 319.38) 10.938% 12.500%, oklch(66.73% 0.0400 319.79) 12.500% 14.063%, oklch(67.84% 0.0379 320.36) 14.063% 15.625%, oklch(68.92% 0.0359 321.13) 15.625% 17.188%, oklch(69.94% 0.0341 322.15) 17.188% 18.750%, oklch(70.87% 0.0327 323.45) 18.750% 20.313%, oklch(71.70% 0.0317 325.08) 20.313% 21.875%, oklch(72.40% 0.0312 327.07) 21.875% 23.438%, oklch(72.94% 0.0313 329.47) 23.438% 25.000%, oklch(73.30% 0.0319 332.31) 25.000% 26.563%, oklch(73.54% 0.0334 335.88) 26.563% 28.125%, oklch(73.69% 0.0355 340.16) 28.125% 29.688%, oklch(73.75% 0.0383 345.04) 29.688% 31.250%, oklch(73.73% 0.0415 350.42) 31.250% 32.813%, oklch(73.64% 0.0452 356.17) 32.813% 34.375%, oklch(73.47% 0.0491 2.19) 34.375% 35.938%, oklch(73.23% 0.0533 8.35) 35.938% 37.500%, oklch(72.94% 0.0575 14.56) 37.500% 39.063%, oklch(72.59% 0.0617 20.69) 39.063% 40.625%, oklch(72.18% 0.0658 26.63) 40.625% 42.188%, oklch(71.74% 0.0696 32.26) 42.188% 43.750%, oklch(71.25% 0.0731 37.48) 43.750% 45.313%, oklch(70.72% 0.0762 42.16) 45.313% 46.875%, oklch(70.17% 0.0787 46.20) 46.875% 48.438%, oklch(69.59% 0.0806 49.49) 48.438% 50.000%, oklch(68.97% 0.0818 51.89) 50.000% 51.563%, oklch(68.24% 0.0825 53.40) 51.563% 53.125%, oklch(67.39% 0.0827 54.12) 53.125% 54.688%, oklch(66.45% 0.0826 54.16) 54.688% 56.250%, oklch(65.43% 0.0822 53.66) 56.250% 57.813%, oklch(64.35% 0.0814 52.73) 57.813% 59.375%, oklch(63.23% 0.0805 51.51) 59.375% 60.938%, oklch(62.09% 0.0793 50.10) 60.938% 62.500%, oklch(60.95% 0.0779 48.64) 62.500% 64.063%, oklch(59.82% 0.0765 47.24) 64.063% 65.625%, oklch(58.73% 0.0750 46.03) 65.625% 67.188%, oklch(57.70% 0.0734 45.13) 67.188% 68.750%, oklch(56.73% 0.0719 44.67) 68.750% 70.313%, oklch(55.86% 0.0704 44.76) 70.313% 71.875%, oklch(55.10% 0.0690 45.53) 71.875% 73.438%, oklch(54.47% 0.0678 47.10) 73.438% 75.000%, oklch(53.96% 0.0667 49.57) 75.000% 76.563%, oklch(53.56% 0.0654 52.88) 76.563% 78.125%, oklch(53.24% 0.0641 56.89) 78.125% 79.688%, oklch(53.00% 0.0626 61.52) 79.688% 81.250%, oklch(52.82% 0.0611 66.62) 81.250% 82.813%, oklch(52.70% 0.0596 72.10) 82.813% 84.375%, oklch(52.64% 0.0581 77.82) 84.375% 85.938%, oklch(52.61% 0.0565 83.69) 85.938% 87.500%, oklch(52.61% 0.0550 89.57) 87.500% 89.063%, oklch(52.64% 0.0535 95.36) 89.063% 90.625%, oklch(52.68% 0.0521 100.94) 90.625% 92.188%, oklch(52.72% 0.0508 106.19) 92.188% 93.750%, oklch(52.76% 0.0496 111.00) 93.750% 95.313%, oklch(52.79% 0.0485 115.25) 95.313% 96.875%, oklch(52.79% 0.0476 118.83) 96.875% 98.438%, oklch(52.76% 0.0469 121.61) 98.438% 100.000%);

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

Sọc màu sa mạc

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