Xanh hải quân, tím, cam và be (bộ ba) (gradient xuyên tâm)
Gradient xuyên tâm, 80 màu: #253845, #9c485c, #cb8614, #ddb96b, #efe4cd. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
4 keyframe OKLCH chỉnh sửa được.
- #253845
- #263947
- #273b4b
- #293c4e
- #2c3d53
- #2f3e57
- #333f5b
- #384060
- #3e4164
- #444268
- #4b426c
- #53436e
- #5b4370
- #644471
- #6d4471
- #754470
- #7e446e
- #86456a
- #8e4666
- #964761
- #9c485c
- #a34a56
- #a84c4f
- #ad4f49
- #b15242
- #b4553c
- #b75936
- #b95c30
- #bb602a
- #bd6325
- #bf6720
- #c06a1b
- #c16d16
- #c37112
- #c4740e
- #c5770b
- #c67a0a
- #c77d0b
- #c8800d
- #c98310
- #cb8614
- #cc8818
- #cd8b1c
- #ce8e20
- #cf9024
- #d09329
- #d1952d
- #d39831
- #d49b36
- #d59d3a
- #d6a03e
- #d7a242
- #d7a547
- #d8a84b
- #d9ab4f
- #daad54
- #dbb05a
- #dcb35f
- #ddb665
- #ddb96b
- #debb70
- #e0be76
- #e1c17c
- #e2c382
- #e3c688
- #e4c98e
- #e5cb94
- #e6ce99
- #e7d09f
- #e8d2a4
- #e9d5aa
- #e9d7af
- #ead9b3
- #ebdbb8
- #ecddbc
- #ecdec0
- #ede0c4
- #eee1c7
- #eee3ca
- #efe4cd
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(33.07% 0.0331 236.95) 0.0%, oklch(33.57% 0.0352 240.40) 1.3%, oklch(34.15% 0.0377 244.46) 2.5%, oklch(34.80% 0.0406 249.08) 3.8%, oklch(35.51% 0.0438 254.22) 5.1%, oklch(36.28% 0.0473 259.82) 6.3%, oklch(37.10% 0.0511 265.84) 7.6%, oklch(37.97% 0.0551 272.23) 8.9%, oklch(38.89% 0.0594 278.94) 10.1%, oklch(39.85% 0.0638 285.92) 11.4%, oklch(40.84% 0.0683 293.14) 12.7%, oklch(41.86% 0.0729 300.53) 13.9%, oklch(42.90% 0.0777 308.05) 15.2%, oklch(43.97% 0.0824 315.66) 16.5%, oklch(45.04% 0.0871 323.31) 17.7%, oklch(46.13% 0.0919 330.94) 19.0%, oklch(47.22% 0.0965 338.51) 20.3%, oklch(48.30% 0.1010 345.98) 21.5%, oklch(49.39% 0.1054 353.29) 22.8%, oklch(50.46% 0.1097 0.40) 24.1%, oklch(51.51% 0.1137 7.26) 25.3%, oklch(52.54% 0.1175 13.82) 26.6%, oklch(53.55% 0.1210 20.04) 27.8%, oklch(54.52% 0.1242 25.86) 29.1%, oklch(55.46% 0.1271 31.24) 30.4%, oklch(56.36% 0.1296 36.13) 31.6%, oklch(57.21% 0.1317 40.48) 32.9%, oklch(58.02% 0.1334 44.32) 34.2%, oklch(58.80% 0.1349 47.84) 35.4%, oklch(59.58% 0.1362 51.06) 36.7%, oklch(60.34% 0.1374 54.02) 38.0%, oklch(61.09% 0.1383 56.72) 39.2%, oklch(61.82% 0.1391 59.17) 40.5%, oklch(62.55% 0.1398 61.39) 41.8%, oklch(63.26% 0.1402 63.40) 43.0%, oklch(63.96% 0.1405 65.22) 44.3%, oklch(64.66% 0.1407 66.85) 45.6%, oklch(65.34% 0.1407 68.31) 46.8%, oklch(66.02% 0.1405 69.62) 48.1%, oklch(66.69% 0.1402 70.79) 49.4%, oklch(67.36% 0.1398 71.84) 50.6%, oklch(68.02% 0.1392 72.78) 51.9%, oklch(68.68% 0.1385 73.63) 53.2%, oklch(69.33% 0.1377 74.40) 54.4%, oklch(69.98% 0.1368 75.11) 55.7%, oklch(70.62% 0.1357 75.77) 57.0%, oklch(71.27% 0.1345 76.40) 58.2%, oklch(71.91% 0.1332 77.02) 59.5%, oklch(72.56% 0.1318 77.63) 60.8%, oklch(73.20% 0.1303 78.26) 62.0%, oklch(73.85% 0.1287 78.91) 63.3%, oklch(74.50% 0.1270 79.61) 64.6%, oklch(75.15% 0.1253 80.36) 65.8%, oklch(75.81% 0.1234 81.18) 67.1%, oklch(76.48% 0.1212 81.95) 68.4%, oklch(77.17% 0.1187 82.64) 69.6%, oklch(77.88% 0.1159 83.24) 70.9%, oklch(78.59% 0.1128 83.78) 72.2%, oklch(79.31% 0.1094 84.24) 73.4%, oklch(80.04% 0.1059 84.64) 74.7%, oklch(80.77% 0.1021 84.98) 75.9%, oklch(81.51% 0.0982 85.26) 77.2%, oklch(82.24% 0.0942 85.49) 78.5%, oklch(82.97% 0.0901 85.68) 79.7%, oklch(83.69% 0.0858 85.82) 81.0%, oklch(84.40% 0.0816 85.93) 82.3%, oklch(85.11% 0.0773 86.00) 83.5%, oklch(85.80% 0.0730 86.05) 84.8%, oklch(86.47% 0.0688 86.07) 86.1%, oklch(87.12% 0.0647 86.08) 87.3%, oklch(87.76% 0.0606 86.08) 88.6%, oklch(88.37% 0.0567 86.06) 89.9%, oklch(88.96% 0.0529 86.04) 91.1%, oklch(89.51% 0.0493 86.02) 92.4%, oklch(90.04% 0.0459 86.01) 93.7%, oklch(90.53% 0.0427 86.01) 94.9%, oklch(90.99% 0.0398 86.02) 96.2%, oklch(91.41% 0.0372 86.05) 97.5%, oklch(91.79% 0.0350 86.11) 98.7%, oklch(92.13% 0.0331 86.19) 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
