Cam, nâu vàng, tím và xanh dương (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #ec832e, #eac982, #a9677f, #253176, #40389e. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #ec832e
- #ec8630
- #ec8a33
- #ec8f37
- #ec943c
- #ec9a42
- #eca148
- #eca74f
- #ebae57
- #ebb45f
- #eab967
- #eabe6f
- #eac376
- #eac67c
- #eac982
- #e9ca86
- #e9ca8a
- #e9c88b
- #e8c68b
- #e7c18a
- #e5ba88
- #e2b285
- #dea982
- #d99e80
- #d3937e
- #ca887d
- #c17c7d
- #b5717e
- #a9677f
- #9b5e7f
- #8c5680
- #7e4e7f
- #6f487f
- #61427d
- #543d7b
- #493a79
- #3f3777
- #373475
- #313375
- #2c3274
- #283175
- #253176
- #243178
- #23317a
- #24317d
- #263280
- #283384
- #2b3387
- #2e348b
- #32358f
- #353692
- #393695
- #3c3798
- #3e379b
- #40379d
- #40389e
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(71.26% 0.1585 54.84) 0.0%, oklch(71.72% 0.1561 55.83) 1.8%, oklch(72.40% 0.1531 57.40) 3.6%, oklch(73.27% 0.1495 59.45) 5.5%, oklch(74.27% 0.1454 61.89) 7.3%, oklch(75.40% 0.1409 64.61) 9.1%, oklch(76.59% 0.1361 67.51) 10.9%, oklch(77.83% 0.1311 70.49) 12.7%, oklch(79.07% 0.1259 73.46) 14.5%, oklch(80.29% 0.1207 76.31) 16.4%, oklch(81.44% 0.1155 78.95) 18.2%, oklch(82.49% 0.1103 81.27) 20.0%, oklch(83.41% 0.1054 83.18) 21.8%, oklch(84.16% 0.1008 84.57) 23.6%, oklch(84.71% 0.0965 85.34) 25.5%, oklch(85.02% 0.0926 85.40) 27.3%, oklch(85.05% 0.0893 84.64) 29.1%, oklch(84.77% 0.0866 82.97) 30.9%, oklch(84.15% 0.0846 80.29) 32.7%, oklch(83.13% 0.0832 76.41) 34.5%, oklch(81.64% 0.0824 71.14) 36.4%, oklch(79.74% 0.0820 64.60) 38.2%, oklch(77.47% 0.0820 56.97) 40.0%, oklch(74.90% 0.0824 48.39) 41.8%, oklch(72.07% 0.0831 39.05) 43.6%, oklch(69.05% 0.0842 29.09) 45.5%, oklch(65.87% 0.0855 18.69) 47.3%, oklch(62.60% 0.0870 8.00) 49.1%, oklch(59.29% 0.0887 357.19) 50.9%, oklch(56.00% 0.0907 346.43) 52.7%, oklch(52.78% 0.0927 335.87) 54.5%, oklch(49.68% 0.0949 325.67) 56.4%, oklch(46.75% 0.0971 316.01) 58.2%, oklch(44.05% 0.0994 307.05) 60.0%, oklch(41.64% 0.1017 298.94) 61.8%, oklch(39.57% 0.1039 291.85) 63.6%, oklch(37.89% 0.1061 285.95) 65.5%, oklch(36.64% 0.1082 281.36) 67.3%, oklch(35.73% 0.1105 277.77) 69.1%, oklch(35.11% 0.1131 274.99) 70.9%, oklch(34.74% 0.1159 272.95) 72.7%, oklch(34.60% 0.1190 271.57) 74.5%, oklch(34.65% 0.1222 270.79) 76.4%, oklch(34.89% 0.1255 270.52) 78.2%, oklch(35.26% 0.1289 270.69) 80.0%, oklch(35.76% 0.1323 271.24) 81.8%, oklch(36.35% 0.1357 272.07) 83.6%, oklch(37.00% 0.1391 273.13) 85.5%, oklch(37.69% 0.1424 274.34) 87.3%, oklch(38.40% 0.1455 275.61) 89.1%, oklch(39.09% 0.1486 276.89) 90.9%, oklch(39.73% 0.1514 278.09) 92.7%, oklch(40.30% 0.1539 279.13) 94.5%, oklch(40.78% 0.1562 279.96) 96.4%, oklch(41.14% 0.1582 280.48) 98.2%, oklch(41.34% 0.1598 280.64) 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
