Cầu vồng từ xanh lá sang xanh dương (sọc màu tuyến tính)
Sọc màu tuyến tính, 64 màu, góc 25°: #08634b, #24b074, #f0cdd9, #dd7b9e, #284c9c. Chỉnh sửa và xuất CSS, SVG, PNG hoặc shader.
5 keyframe OKLCH chỉnh sửa được.
- #08634b
- #05664d
- #006950
- #006c54
- #007058
- #00755d
- #007962
- #007e67
- #00836d
- #008972
- #008e76
- #00947a
- #009a7d
- #00a07f
- #00a67e
- #00ac7a
- #24b074
- #48b36d
- #66b565
- #82b75e
- #9bb75a
- #b2b75b
- #c6b762
- #d6b76f
- #e3b87f
- #ecba91
- #f1bda2
- #f3c0b2
- #f4c4bf
- #f3c8c9
- #f2cbd1
- #f1cdd6
- #f0cdd9
- #efcddb
- #eecbda
- #eec7d9
- #edc3d7
- #edbed4
- #edb8cf
- #ecb2ca
- #ecabc4
- #eba4bd
- #ea9db6
- #e996af
- #e78fa9
- #e488a3
- #e181a0
- #dd7b9e
- #d7769e
- #d1719f
- #c86ca2
- #bf67a4
- #b463a7
- #a85faa
- #9b5cac
- #8e59ae
- #8057ae
- #7255ad
- #6453ac
- #5751a9
- #4a50a6
- #3e4ea2
- #324d9f
- #284c9c
CSS
background: linear-gradient(25deg, oklch(44.49% 0.0868 168.75) 0.000% 1.563%, oklch(45.29% 0.0892 168.74) 1.563% 3.125%, oklch(46.26% 0.0924 169.15) 3.125% 4.688%, oklch(47.38% 0.0939 169.92) 4.688% 6.250%, oklch(48.63% 0.0954 170.90) 6.250% 7.813%, oklch(50.00% 0.0970 171.98) 7.813% 9.375%, oklch(51.46% 0.0987 173.07) 9.375% 10.938%, oklch(52.99% 0.1008 174.03) 10.938% 12.500%, oklch(54.58% 0.1031 174.76) 12.500% 14.063%, oklch(56.22% 0.1059 175.15) 14.063% 15.625%, oklch(57.88% 0.1090 175.09) 15.625% 17.188%, oklch(59.54% 0.1128 174.46) 17.188% 18.750%, oklch(61.19% 0.1173 173.15) 18.750% 20.313%, oklch(62.80% 0.1230 171.05) 20.313% 21.875%, oklch(64.37% 0.1303 168.05) 21.875% 23.438%, oklch(65.86% 0.1403 164.03) 23.438% 25.000%, oklch(67.28% 0.1456 158.88) 25.000% 26.563%, oklch(68.77% 0.1427 152.10) 26.563% 28.125%, oklch(70.38% 0.1380 143.72) 28.125% 29.688%, oklch(72.06% 0.1319 133.99) 29.688% 31.250%, oklch(73.81% 0.1245 123.15) 31.250% 32.813%, oklch(75.58% 0.1163 111.45) 32.813% 34.375%, oklch(77.34% 0.1073 99.13) 34.375% 35.938%, oklch(79.07% 0.0980 86.42) 35.938% 37.500%, oklch(80.73% 0.0885 73.58) 37.500% 39.063%, oklch(82.30% 0.0792 60.85) 39.063% 40.625%, oklch(83.75% 0.0704 48.47) 40.625% 42.188%, oklch(85.05% 0.0622 36.69) 42.188% 43.750%, oklch(86.16% 0.0550 25.75) 43.750% 45.313%, oklch(87.06% 0.0490 15.88) 45.313% 46.875%, oklch(87.72% 0.0446 7.34) 46.875% 48.438%, oklch(88.11% 0.0419 0.38) 48.438% 50.000%, oklch(88.20% 0.0413 355.18) 50.000% 51.563%, oklch(88.01% 0.0424 351.60) 51.563% 53.125%, oklch(87.56% 0.0450 349.41) 53.125% 54.688%, oklch(86.89% 0.0490 348.42) 54.688% 56.250%, oklch(86.02% 0.0541 348.44) 56.250% 57.813%, oklch(84.96% 0.0601 349.25) 57.813% 59.375%, oklch(83.76% 0.0669 350.68) 59.375% 60.938%, oklch(82.42% 0.0741 352.51) 60.938% 62.500%, oklch(80.98% 0.0817 354.56) 62.500% 64.063%, oklch(79.46% 0.0893 356.62) 64.063% 65.625%, oklch(77.88% 0.0969 358.50) 65.625% 67.188%, oklch(76.27% 0.1041 360.00) 67.188% 68.750%, oklch(74.66% 0.1109 0.92) 68.750% 70.313%, oklch(73.07% 0.1169 1.07) 70.313% 71.875%, oklch(71.52% 0.1220 0.25) 71.875% 73.438%, oklch(70.04% 0.1260 358.26) 73.438% 75.000%, oklch(68.58% 0.1289 355.01) 75.000% 76.563%, oklch(66.98% 0.1312 350.72) 76.563% 78.125%, oklch(65.27% 0.1331 345.55) 78.125% 79.688%, oklch(63.45% 0.1345 339.63) 79.688% 81.250%, oklch(61.57% 0.1356 333.12) 81.250% 82.813%, oklch(59.65% 0.1363 326.16) 82.813% 84.375%, oklch(57.71% 0.1367 318.89) 84.375% 85.938%, oklch(55.78% 0.1369 311.46) 85.938% 87.500%, oklch(53.88% 0.1370 304.02) 87.500% 89.063%, oklch(52.04% 0.1369 296.69) 89.063% 90.625%, oklch(50.29% 0.1367 289.64) 90.625% 92.188%, oklch(48.64% 0.1365 283.01) 92.188% 93.750%, oklch(47.14% 0.1363 276.93) 93.750% 95.313%, oklch(45.80% 0.1362 271.56) 95.313% 96.875%, oklch(44.64% 0.1362 267.04) 96.875% 98.438%, oklch(43.70% 0.1364 263.51) 98.438% 100.000%);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
