Nâu vàng, xanh cổ vịt, xanh dương và xám (gradient xuyên tâm)
Gradient xuyên tâm, 64 màu: #d5bf78, #36687a, #242d66, #334288, #99a5bf. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #d5bf78
- #cebd76
- #c4bb75
- #b9b874
- #acb574
- #9eb275
- #90ad76
- #82a978
- #73a37b
- #659d7d
- #59967f
- #4e8f80
- #458780
- #3e7f80
- #3a777e
- #37707c
- #36687a
- #356176
- #355b73
- #345570
- #34506d
- #344c6a
- #334868
- #324466
- #314165
- #2f3e64
- #2e3b63
- #2c3863
- #2b3563
- #293363
- #273064
- #262e65
- #242d66
- #232b67
- #212a69
- #20296b
- #1f286d
- #1e286f
- #1e2871
- #1e2973
- #1e2a75
- #1f2b77
- #212d79
- #23307b
- #26337e
- #2a3881
- #2e3d84
- #334288
- #38488c
- #3e4f90
- #445694
- #4b5d98
- #52649c
- #5a6ba0
- #6172a4
- #6879a8
- #7080ac
- #7787af
- #7e8db3
- #8593b6
- #8b99b8
- #919dbb
- #95a1bd
- #99a5bf
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(80.71% 0.0937 92.11) 0.0%, oklch(79.64% 0.0927 96.50) 1.6%, oklch(78.34% 0.0913 101.87) 3.2%, oklch(76.83% 0.0897 108.10) 4.8%, oklch(75.14% 0.0878 115.11) 6.3%, oklch(73.28% 0.0856 122.78) 7.9%, oklch(71.29% 0.0833 131.03) 9.5%, oklch(69.19% 0.0809 139.74) 11.1%, oklch(67.00% 0.0784 148.82) 12.7%, oklch(64.73% 0.0759 158.18) 14.3%, oklch(62.43% 0.0733 167.70) 15.9%, oklch(60.11% 0.0709 177.28) 17.5%, oklch(57.79% 0.0685 186.84) 19.0%, oklch(55.49% 0.0663 196.26) 20.6%, oklch(53.25% 0.0643 205.46) 22.2%, oklch(51.08% 0.0625 214.31) 23.8%, oklch(49.01% 0.0610 222.74) 25.4%, oklch(47.06% 0.0598 230.63) 27.0%, oklch(45.26% 0.0590 237.89) 28.6%, oklch(43.62% 0.0586 244.41) 30.2%, oklch(42.18% 0.0587 250.10) 31.7%, oklch(40.94% 0.0593 254.85) 33.3%, oklch(39.85% 0.0605 258.80) 34.9%, oklch(38.81% 0.0625 262.17) 36.5%, oklch(37.82% 0.0652 265.00) 38.1%, oklch(36.89% 0.0684 267.33) 39.7%, oklch(36.02% 0.0722 269.21) 41.3%, oklch(35.22% 0.0764 270.67) 42.9%, oklch(34.49% 0.0808 271.76) 44.4%, oklch(33.83% 0.0856 272.51) 46.0%, oklch(33.25% 0.0904 272.97) 47.6%, oklch(32.75% 0.0954 273.19) 49.2%, oklch(32.33% 0.1003 273.19) 50.8%, oklch(32.01% 0.1051 273.02) 52.4%, oklch(31.79% 0.1097 272.73) 54.0%, oklch(31.66% 0.1141 272.34) 55.6%, oklch(31.63% 0.1180 271.92) 57.1%, oklch(31.71% 0.1216 271.49) 58.7%, oklch(31.90% 0.1246 271.09) 60.3%, oklch(32.21% 0.1270 270.77) 61.9%, oklch(32.63% 0.1286 270.58) 63.5%, oklch(33.18% 0.1295 270.54) 65.1%, oklch(33.86% 0.1295 270.70) 66.7%, oklch(34.74% 0.1286 270.93) 68.3%, oklch(35.89% 0.1269 271.06) 69.8%, oklch(37.27% 0.1243 271.11) 71.4%, oklch(38.87% 0.1211 271.09) 73.0%, oklch(40.65% 0.1173 270.99) 74.6%, oklch(42.58% 0.1130 270.83) 76.2%, oklch(44.65% 0.1082 270.62) 77.8%, oklch(46.82% 0.1031 270.37) 79.4%, oklch(49.06% 0.0976 270.07) 81.0%, oklch(51.35% 0.0920 269.75) 82.5%, oklch(53.67% 0.0863 269.40) 84.1%, oklch(55.98% 0.0805 269.04) 85.7%, oklch(58.25% 0.0747 268.68) 87.3%, oklch(60.47% 0.0691 268.31) 88.9%, oklch(62.60% 0.0637 267.96) 90.5%, oklch(64.62% 0.0585 267.62) 92.1%, oklch(66.49% 0.0538 267.31) 93.7%, oklch(68.20% 0.0495 267.03) 95.2%, oklch(69.71% 0.0457 266.79) 96.8%, oklch(71.00% 0.0425 266.61) 98.4%, oklch(72.05% 0.0400 266.47) 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
