Nâu vàng, xám, xanh lá và trắng (tương đồng) (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #ffdc89, #ffdfe0, #afa38a, #749989, #f7fdf7. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #ffdc89
- #ffdb90
- #ffdb9a
- #ffdba3
- #ffdbac
- #ffdbb4
- #ffdcbc
- #ffddc2
- #ffddc8
- #ffdecd
- #ffdfd2
- #ffdfd6
- #ffe0d9
- #ffe0dc
- #ffe0de
- #ffe0df
- #ffdfe0
- #fedee1
- #fbdee1
- #f8dee1
- #f4dcdf
- #f1dbdd
- #eed8d9
- #ead5d5
- #e5d0cf
- #e0cbc8
- #dbc6c0
- #d5c0b8
- #cfbaaf
- #c8b4a5
- #c0ae9c
- #b8a893
- #afa38a
- #a69e82
- #9c9a7c
- #929676
- #899373
- #7f9070
- #778d6f
- #708b6f
- #6a8a70
- #668a72
- #648a74
- #648b77
- #668d7b
- #69917f
- #6e9484
- #749989
- #7b9f8f
- #83a495
- #8cab9c
- #95b2a3
- #9fb9ab
- #a8c0b3
- #b2c8bb
- #bccfc3
- #c6d6cb
- #cfddd2
- #d8e4da
- #e0eae1
- #e7f0e8
- #eef5ee
- #f3faf3
- #f7fdf7
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(90.55% 0.1094 87.19) 0.0%, oklch(90.59% 0.1013 84.97) 1.6%, oklch(90.70% 0.0917 82.00) 3.2%, oklch(90.86% 0.0820 78.36) 4.8%, oklch(91.06% 0.0728 74.16) 6.3%, oklch(91.30% 0.0646 69.50) 7.9%, oklch(91.55% 0.0576 64.47) 9.5%, oklch(91.82% 0.0517 59.17) 11.1%, oklch(92.09% 0.0469 53.70) 12.7%, oklch(92.34% 0.0430 48.15) 14.3%, oklch(92.58% 0.0400 42.63) 15.9%, oklch(92.79% 0.0377 37.22) 17.5%, oklch(92.96% 0.0361 32.03) 19.0%, oklch(93.08% 0.0351 27.15) 20.6%, oklch(93.13% 0.0347 22.69) 22.2%, oklch(93.12% 0.0348 18.73) 23.8%, oklch(93.02% 0.0356 15.38) 25.4%, oklch(92.83% 0.0352 12.73) 27.0%, oklch(92.54% 0.0318 10.88) 28.6%, oklch(92.13% 0.0288 9.93) 30.2%, oklch(91.61% 0.0265 9.97) 31.7%, oklch(90.94% 0.0248 11.10) 33.3%, oklch(90.07% 0.0238 13.48) 34.9%, oklch(88.92% 0.0234 17.12) 36.5%, oklch(87.54% 0.0236 21.89) 38.1%, oklch(85.96% 0.0242 27.67) 39.7%, oklch(84.20% 0.0254 34.34) 41.3%, oklch(82.31% 0.0269 41.76) 42.9%, oklch(80.31% 0.0287 49.81) 44.4%, oklch(78.25% 0.0308 58.37) 46.0%, oklch(76.14% 0.0330 67.32) 47.6%, oklch(74.03% 0.0354 76.52) 49.2%, oklch(71.95% 0.0379 85.85) 50.8%, oklch(69.92% 0.0404 95.20) 52.4%, oklch(67.99% 0.0429 104.43) 54.0%, oklch(66.19% 0.0453 113.41) 55.6%, oklch(64.54% 0.0475 122.03) 57.1%, oklch(63.09% 0.0494 130.16) 58.7%, oklch(61.86% 0.0511 137.67) 60.3%, oklch(60.88% 0.0524 144.44) 61.9%, oklch(60.20% 0.0534 150.34) 63.5%, oklch(59.84% 0.0538 155.25) 65.1%, oklch(59.84% 0.0537 159.05) 66.7%, oklch(60.23% 0.0532 161.87) 68.3%, oklch(60.98% 0.0522 163.98) 69.8%, oklch(62.07% 0.0509 165.45) 71.4%, oklch(63.47% 0.0493 166.32) 73.0%, oklch(65.12% 0.0473 166.65) 74.6%, oklch(67.01% 0.0452 166.51) 76.2%, oklch(69.09% 0.0428 165.94) 77.8%, oklch(71.33% 0.0403 165.00) 79.4%, oklch(73.69% 0.0376 163.75) 81.0%, oklch(76.14% 0.0349 162.25) 82.5%, oklch(78.64% 0.0321 160.56) 84.1%, oklch(81.16% 0.0293 158.72) 85.7%, oklch(83.67% 0.0265 156.80) 87.3%, oklch(86.12% 0.0238 154.86) 88.9%, oklch(88.48% 0.0212 152.95) 90.5%, oklch(90.72% 0.0187 151.12) 92.1%, oklch(92.80% 0.0164 149.44) 93.7%, oklch(94.68% 0.0143 147.96) 95.2%, oklch(96.34% 0.0124 146.74) 96.8%, oklch(97.73% 0.0109 145.84) 98.4%, oklch(98.82% 0.0096 145.31) 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
