Xanh lá, hồng cá hồi, xám và xanh cổ vịt (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #87ba78, #d37330, #a37428, #6f6553, #528691. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #87ba78
- #8ab872
- #8eb56b
- #93b262
- #99ae59
- #9faa4e
- #a5a543
- #aca037
- #b29a2c
- #b89422
- #bd8e19
- #c28914
- #c68414
- #c97f18
- #cc7b1e
- #cf7727
- #d37330
- #d56f3a
- #d76b43
- #d9684c
- #da6654
- #da645b
- #d96360
- #d86263
- #d66264
- #d46162
- #d1625d
- #ce6354
- #c86549
- #c1683d
- #b96c32
- #ae702a
- #a37428
- #96772b
- #8b7932
- #807a3a
- #777b41
- #717a46
- #6d794a
- #6c774c
- #6c754d
- #6d724d
- #6e6f4e
- #6f6d4e
- #6f6a4f
- #6f6851
- #6f6652
- #6f6553
- #6e6455
- #6d6456
- #6d6456
- #6c6557
- #6c6657
- #6b6958
- #6a6c59
- #696f5b
- #66735f
- #617764
- #5d7b6b
- #587f74
- #54817c
- #528484
- #51858b
- #528691
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(73.62% 0.1061 138.52) 0.0%, oklch(73.27% 0.1076 135.31) 1.6%, oklch(72.80% 0.1096 131.25) 3.2%, oklch(72.26% 0.1120 126.45) 4.8%, oklch(71.64% 0.1147 121.06) 6.3%, oklch(70.97% 0.1176 115.21) 7.9%, oklch(70.27% 0.1206 109.04) 9.5%, oklch(69.55% 0.1237 102.67) 11.1%, oklch(68.84% 0.1267 96.25) 12.7%, oklch(68.15% 0.1296 89.91) 14.3%, oklch(67.50% 0.1323 83.79) 15.9%, oklch(66.92% 0.1347 78.01) 17.5%, oklch(66.40% 0.1368 72.72) 19.0%, oklch(65.99% 0.1384 67.93) 20.6%, oklch(65.66% 0.1401 62.82) 22.2%, oklch(65.40% 0.1418 57.32) 23.8%, oklch(65.19% 0.1436 51.63) 25.4%, oklch(65.03% 0.1453 45.91) 27.0%, oklch(64.90% 0.1467 40.37) 28.6%, oklch(64.78% 0.1480 35.18) 30.2%, oklch(64.65% 0.1489 30.54) 31.7%, oklch(64.51% 0.1493 26.62) 33.3%, oklch(64.33% 0.1493 23.61) 34.9%, oklch(64.11% 0.1486 21.70) 36.5%, oklch(63.83% 0.1473 21.07) 38.1%, oklch(63.47% 0.1452 21.91) 39.7%, oklch(63.02% 0.1422 24.67) 41.3%, oklch(62.50% 0.1381 29.75) 42.9%, oklch(61.92% 0.1331 36.74) 44.4%, oklch(61.29% 0.1273 45.24) 46.0%, oklch(60.62% 0.1210 54.82) 47.6%, oklch(59.92% 0.1143 65.05) 49.2%, oklch(59.22% 0.1073 75.53) 50.8%, oklch(58.51% 0.1003 85.83) 52.4%, oklch(57.82% 0.0933 95.52) 54.0%, oklch(57.15% 0.0865 104.20) 55.6%, oklch(56.52% 0.0802 111.44) 57.1%, oklch(55.93% 0.0744 116.81) 58.7%, oklch(55.41% 0.0693 119.91) 60.3%, oklch(54.89% 0.0644 120.45) 61.9%, oklch(54.34% 0.0594 118.77) 63.5%, oklch(53.79% 0.0545 115.32) 65.1%, oklch(53.24% 0.0496 110.57) 66.7%, oklch(52.71% 0.0449 104.96) 68.3%, oklch(52.21% 0.0405 98.96) 69.8%, oklch(51.77% 0.0364 93.02) 71.4%, oklch(51.38% 0.0327 87.60) 73.0%, oklch(51.07% 0.0295 83.15) 74.6%, oklch(50.85% 0.0269 80.13) 76.2%, oklch(50.74% 0.0249 79.00) 77.8%, oklch(50.75% 0.0237 80.21) 79.4%, oklch(50.90% 0.0233 84.18) 81.0%, oklch(51.23% 0.0241 90.83) 82.5%, oklch(51.73% 0.0258 99.72) 84.1%, oklch(52.35% 0.0283 110.39) 85.7%, oklch(53.07% 0.0315 122.39) 87.3%, oklch(53.85% 0.0350 135.28) 88.9%, oklch(54.68% 0.0389 148.61) 90.5%, oklch(55.51% 0.0428 161.92) 92.1%, oklch(56.31% 0.0467 174.76) 93.7%, oklch(57.06% 0.0503 186.69) 95.2%, oklch(57.72% 0.0535 197.26) 96.8%, oklch(58.26% 0.0561 206.01) 98.4%, oklch(58.66% 0.0579 212.49) 100.0%);Trong các bộ sưu tập này
Bảng màu tương tựBộ sưu tậpTải xuống PNGJSON bảng màuMarkdownCách hoạt động
