Xanh hải quân, xanh lá, nâu vàng và xanh dương (gradient xuyên tâm)
Gradient xuyên tâm, 56 màu: #282c42, #728f6a, #a7b086, #e9be6e, #49537f. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
6 keyframe OKLCH chỉnh sửa được.
- #282c42
- #283147
- #28384e
- #264054
- #254a5a
- #24555e
- #296060
- #336a5f
- #41735d
- #507a5c
- #5e805b
- #69855c
- #6f895f
- #728c64
- #728f6a
- #719271
- #709479
- #6f9580
- #6f9686
- #70978b
- #72998f
- #759a92
- #789d94
- #7ba095
- #80a494
- #87a892
- #8fab8f
- #9aae8a
- #a7b086
- #b5b182
- #c2b281
- #cdb281
- #d7b282
- #ddb283
- #e2b383
- #e7b483
- #ebb582
- #eeb780
- #f0b87c
- #f0ba78
- #eebc73
- #e9be6e
- #e1c069
- #d5c166
- #c6c165
- #b2bf68
- #96bc70
- #75b67b
- #53ad88
- #35a192
- #249299
- #29829a
- #357396
- #3f668f
- #455b87
- #49537f
CSS
background: radial-gradient(circle at 50% 50% in oklch, oklch(29.92% 0.0400 275.63) 0.0%, oklch(31.51% 0.0417 267.50) 1.8%, oklch(33.62% 0.0442 256.28) 3.6%, oklch(36.15% 0.0473 242.70) 5.5%, oklch(38.99% 0.0507 227.48) 7.3%, oklch(42.02% 0.0543 211.35) 9.1%, oklch(45.14% 0.0578 195.04) 10.9%, oklch(48.25% 0.0612 179.27) 12.7%, oklch(51.22% 0.0642 164.76) 14.5%, oklch(53.95% 0.0666 152.26) 16.4%, oklch(56.34% 0.0682 142.47) 18.2%, oklch(58.27% 0.0689 136.13) 20.0%, oklch(59.76% 0.0683 133.78) 21.8%, oklch(60.93% 0.0666 134.97) 23.6%, oklch(61.85% 0.0640 138.94) 25.5%, oklch(62.57% 0.0608 144.92) 27.3%, oklch(63.14% 0.0572 152.16) 29.1%, oklch(63.62% 0.0534 159.90) 30.9%, oklch(64.05% 0.0499 167.37) 32.7%, oklch(64.51% 0.0468 173.83) 34.5%, oklch(65.04% 0.0444 178.50) 36.4%, oklch(65.70% 0.0429 180.63) 38.2%, oklch(66.54% 0.0427 179.46) 40.0%, oklch(67.56% 0.0437 174.61) 41.8%, oklch(68.73% 0.0457 166.67) 43.6%, oklch(69.99% 0.0484 156.33) 45.5%, oklch(71.31% 0.0517 144.25) 47.3%, oklch(72.66% 0.0555 131.12) 49.1%, oklch(73.99% 0.0596 117.63) 50.9%, oklch(75.27% 0.0639 104.45) 52.7%, oklch(76.46% 0.0683 92.27) 54.5%, oklch(77.53% 0.0725 81.76) 56.4%, oklch(78.43% 0.0764 73.61) 58.2%, oklch(79.13% 0.0799 68.50) 60.0%, oklch(79.76% 0.0834 65.81) 61.8%, oklch(80.42% 0.0874 64.45) 63.6%, oklch(81.06% 0.0915 64.37) 65.5%, oklch(81.63% 0.0958 65.55) 67.3%, oklch(82.09% 0.1000 67.93) 69.1%, oklch(82.38% 0.1039 71.48) 70.9%, oklch(82.45% 0.1074 76.17) 72.7%, oklch(82.25% 0.1104 81.95) 74.5%, oklch(81.73% 0.1127 88.79) 76.4%, oklch(80.84% 0.1140 96.65) 78.2%, oklch(79.53% 0.1144 105.49) 80.0%, oklch(77.59% 0.1134 116.47) 81.8%, oklch(74.95% 0.1111 130.34) 83.6%, oklch(71.76% 0.1078 146.41) 85.5%, oklch(68.18% 0.1036 164.01) 87.3%, oklch(64.37% 0.0990 182.47) 89.1%, oklch(60.48% 0.0941 201.11) 90.9%, oklch(56.67% 0.0891 219.27) 92.7%, oklch(53.08% 0.0844 236.26) 94.5%, oklch(49.89% 0.0802 251.41) 96.4%, oklch(47.23% 0.0768 264.06) 98.2%, oklch(45.28% 0.0744 273.51) 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
