Tím, đen, xanh ô liu và nâu (gradient hình nón)

Tím, đen, xanh ô liu và nâu: bảng màu gồm 64 màu. #b77a55, #171b20, #758255, #d7c9a8, #98523a. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#b77a55
#b27457
#ab6d59
#a1655a
#955d5b
#87555b
#784d59
#694555
#593e50
#4a374a
#3d3142
#312b3a
#282632
#21212b
#1b1e25
#181c21
#171b20
#171c20
#181e22
#192226
#1b272a
#1d2d2f
#203535
#243d3a
#29453f
#2f4e43
#375747
#40604a
#4b684c
#56704f
#617751
#6c7d53
#758255
#7f8759
#888d5e
#929364
#9b9a6b
#a3a073
#aba67b
#b3ad83
#bab38b
#c0b892
#c6be99
#cbc29e
#cfc5a3
#d3c8a6
#d5c9a8
#d7c9a8
#d8c7a6
#d7c4a2
#d5be9c
#d2b895
#ceb08c
#c9a783
#c49e79
#bf946f
#b98966
#b37f5d
#ae7654
#a86c4d
#a36446
#9e5c41
#9b563d
#98523a

CSS

background: conic-gradient(from 225deg in oklch, oklch(63.39% 0.0923 51.33) 0.0%, oklch(61.77% 0.0892 45.66) 1.6%, oklch(59.60% 0.0850 38.76) 3.2%, oklch(56.96% 0.0799 30.76) 4.8%, oklch(53.96% 0.0741 21.81) 6.3%, oklch(50.68% 0.0678 12.04) 7.9%, oklch(47.21% 0.0612 1.60) 9.5%, oklch(43.64% 0.0543 350.64) 11.1%, oklch(40.06% 0.0474 339.29) 12.7%, oklch(36.56% 0.0406 327.69) 14.3%, oklch(33.24% 0.0341 316.00) 15.9%, oklch(30.18% 0.0281 304.34) 17.5%, oklch(27.48% 0.0227 292.86) 19.0%, oklch(25.22% 0.0181 281.71) 20.6%, oklch(23.50% 0.0145 271.03) 22.2%, oklch(22.40% 0.0120 260.95) 23.8%, oklch(22.02% 0.0109 251.59) 25.4%, oklch(22.30% 0.0110 242.36) 27.0%, oklch(23.16% 0.0124 233.05) 28.6%, oklch(24.52% 0.0148 223.69) 30.2%, oklch(26.33% 0.0181 214.35) 31.7%, oklch(28.51% 0.0220 205.07) 33.3%, oklch(31.00% 0.0266 195.89) 34.9%, oklch(33.73% 0.0315 186.88) 36.5%, oklch(36.64% 0.0367 178.08) 38.1%, oklch(39.66% 0.0419 169.54) 39.7%, oklch(42.73% 0.0470 161.31) 41.3%, oklch(45.78% 0.0518 153.45) 42.9%, oklch(48.74% 0.0563 146.00) 44.4%, oklch(51.55% 0.0601 139.01) 46.0%, oklch(54.14% 0.0632 132.53) 47.6%, oklch(56.45% 0.0654 126.62) 49.2%, oklch(58.48% 0.0666 121.34) 50.8%, oklch(60.59% 0.0669 116.79) 52.4%, oklch(62.80% 0.0665 112.91) 54.0%, oklch(65.08% 0.0655 109.62) 55.6%, oklch(67.39% 0.0639 106.85) 57.1%, oklch(69.69% 0.0620 104.52) 58.7%, oklch(71.94% 0.0598 102.54) 60.3%, oklch(74.12% 0.0575 100.83) 61.9%, oklch(76.17% 0.0551 99.32) 63.5%, oklch(78.06% 0.0528 97.93) 65.1%, oklch(79.75% 0.0506 96.57) 66.7%, oklch(81.20% 0.0488 95.17) 68.3%, oklch(82.38% 0.0473 93.65) 69.8%, oklch(83.25% 0.0464 91.93) 71.4%, oklch(83.76% 0.0461 89.93) 73.0%, oklch(83.89% 0.0466 87.56) 74.6%, oklch(83.55% 0.0479 84.82) 76.2%, oklch(82.67% 0.0499 81.82) 77.8%, oklch(81.30% 0.0526 78.63) 79.4%, oklch(79.53% 0.0558 75.29) 81.0%, oklch(77.41% 0.0594 71.83) 82.5%, oklch(75.02% 0.0634 68.31) 84.1%, oklch(72.43% 0.0676 64.77) 85.7%, oklch(69.71% 0.0720 61.25) 87.3%, oklch(66.93% 0.0764 57.80) 88.9%, oklch(64.15% 0.0808 54.47) 90.5%, oklch(61.45% 0.0850 51.30) 92.1%, oklch(58.90% 0.0890 48.32) 93.7%, oklch(56.57% 0.0926 45.60) 95.2%, oklch(54.52% 0.0959 43.16) 96.8%, oklch(52.84% 0.0985 41.07) 98.4%, oklch(51.57% 0.1006 39.35) 100.0%);

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

Hoài niệm văn phòng analog

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