Nâu vàng, xám và xanh lá (gradient xuyên tâm)

Nâu vàng, xám và xanh lá: bảng màu gồm 64 màu. #e7c74d, #9e7f77, #b58679, #c89f4c, #50915f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.

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

#e7c74d
#e6c34f
#e6bf51
#e4bb54
#e3b557
#e0b05b
#ddaa5e
#d8a562
#d39f66
#ce9a6a
#c7956e
#c19070
#ba8c73
#b28875
#ab8576
#a48277
#9e7f77
#987d77
#937b77
#8f7976
#8c7876
#8a7775
#897775
#8a7775
#8c7876
#8f7976
#937a77
#977b78
#9d7d79
#a27f79
#a8817a
#af847a
#b58679
#bb8879
#c28b78
#c78d76
#cd9074
#d19271
#d5956e
#d8976b
#da9967
#db9a63
#db9c60
#d99d5c
#d69d58
#d39e53
#ce9f50
#c89f4c
#c19f49
#ba9f47
#b29f46
#aa9e46
#a19e47
#989d48
#8f9c4a
#879b4d
#7e9a4f
#769852
#6e9755
#669557
#5f945a
#59935c
#54915e
#50915f

CSS

background: radial-gradient(circle at 50% 50% in oklch, oklch(83.46% 0.1419 94.22) 0.0%, oklch(82.78% 0.1386 92.29) 1.6%, oklch(81.90% 0.1344 89.85) 3.2%, oklch(80.87% 0.1294 86.96) 4.8%, oklch(79.70% 0.1238 83.69) 6.3%, oklch(78.41% 0.1175 80.08) 7.9%, oklch(77.01% 0.1108 76.20) 9.5%, oklch(75.55% 0.1037 72.11) 11.1%, oklch(74.02% 0.0963 67.85) 12.7%, oklch(72.46% 0.0888 63.50) 14.3%, oklch(70.89% 0.0812 59.10) 15.9%, oklch(69.32% 0.0737 54.72) 17.5%, oklch(67.78% 0.0663 50.41) 19.0%, oklch(66.29% 0.0591 46.23) 20.6%, oklch(64.87% 0.0523 42.24) 22.2%, oklch(63.54% 0.0460 38.50) 23.8%, oklch(62.33% 0.0402 35.06) 25.4%, oklch(61.24% 0.0351 31.99) 27.0%, oklch(60.31% 0.0308 29.33) 28.6%, oklch(59.56% 0.0273 27.16) 30.2%, oklch(59.00% 0.0248 25.52) 31.7%, oklch(58.66% 0.0234 24.47) 33.3%, oklch(58.56% 0.0232 23.93) 34.9%, oklch(58.68% 0.0239 23.76) 36.5%, oklch(59.01% 0.0256 23.93) 38.1%, oklch(59.51% 0.0281 24.43) 39.7%, oklch(60.18% 0.0314 25.23) 41.3%, oklch(60.98% 0.0353 26.32) 42.9%, oklch(61.90% 0.0398 27.68) 44.4%, oklch(62.91% 0.0447 29.29) 46.0%, oklch(63.98% 0.0500 31.12) 47.6%, oklch(65.10% 0.0556 33.16) 49.2%, oklch(66.25% 0.0614 35.38) 50.8%, oklch(67.39% 0.0672 37.78) 52.4%, oklch(68.52% 0.0730 40.32) 54.0%, oklch(69.60% 0.0787 42.99) 55.6%, oklch(70.61% 0.0842 45.76) 57.1%, oklch(71.53% 0.0894 48.63) 58.7%, oklch(72.34% 0.0942 51.56) 60.3%, oklch(73.02% 0.0985 54.54) 61.9%, oklch(73.54% 0.1022 57.55) 63.5%, oklch(73.88% 0.1052 60.57) 65.1%, oklch(74.02% 0.1075 63.57) 66.7%, oklch(73.96% 0.1091 66.77) 68.3%, oklch(73.76% 0.1103 70.33) 69.8%, oklch(73.42% 0.1112 74.21) 71.4%, oklch(72.95% 0.1117 78.38) 73.0%, oklch(72.38% 0.1120 82.79) 74.6%, oklch(71.71% 0.1119 87.39) 76.2%, oklch(70.95% 0.1117 92.14) 77.8%, oklch(70.14% 0.1112 97.01) 79.4%, oklch(69.26% 0.1105 101.93) 81.0%, oklch(68.35% 0.1097 106.88) 82.5%, oklch(67.42% 0.1088 111.80) 84.1%, oklch(66.47% 0.1078 116.66) 85.7%, oklch(65.53% 0.1068 121.40) 87.3%, oklch(64.61% 0.1057 126.00) 88.9%, oklch(63.72% 0.1047 130.40) 90.5%, oklch(62.88% 0.1037 134.56) 92.1%, oklch(62.09% 0.1028 138.43) 93.7%, oklch(61.38% 0.1020 141.98) 95.2%, oklch(60.76% 0.1014 145.16) 96.8%, oklch(60.24% 0.1009 147.92) 98.4%, oklch(59.84% 0.1006 150.23) 100.0%);

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

Buổi sáng áo mưa vàng thủy tiên

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