#60ff28
RGB
赤 | 96 |
---|---|
緑 | 255 |
青 | 40 |
HSL
色相 | 104° |
---|---|
彩度 | 100% |
明度 | 58% |
輝度 | 72% |
3桁の色
補色
反転色
RGB ( 赤 = 96, 緑 = 255, 青 = 40 )
HSL ( 色相 = 104°, 彩度 = 100%, 明度 = 58% )
H : 色相 ( 104° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #ff3729 : -100
14 : #ff5b29 : -90
24 : #ff7e29 : -80
34 : #ffa229 : -70
44 : #ffc629 : -60
54 : #ffea29 : -50
64 : #f1ff29 : -40
74 : #cdff29 : -30
84 : #a9ff29 : -20
94 : #86ff29 : -10
104 : #62ff29 : ±0
114 : #3eff29 : +10
124 : #29ff37 : +20
134 : #29ff5b : +30
144 : #29ff7e : +40
154 : #29ffa2 : +50
164 : #29ffc6 : +60
174 : #29ffea : +70
184 : #29f1ff : +80
194 : #29cdff : +90
204 : #29a9ff : +100
214 : #2986ff : +110
224 : #2962ff : +120
234 : #293eff : +130
244 : #3729ff : +140
254 : #5b29ff : +150
264 : #7e29ff : +160
274 : #a229ff : +170
284 : #c629ff : +180
294 : #ea29ff : +190
304 : #ff29f1 : +200
314 : #ff29cd : +210
324 : #ff29a9 : +220
334 : #ff2986 : +230
344 : #ff2962 : +240
354 : #ff293e : +250
94 : #86ff29 : -10
95 : #82ff29 : -9
96 : #7eff29 : -8
97 : #7bff29 : -7
98 : #77ff29 : -6
99 : #74ff29 : -5
100 : #70ff29 : -4
101 : #6dff29 : -3
102 : #69ff29 : -2
103 : #65ff29 : -1
104 : #62ff29 : ±0
105 : #5eff29 : +1
106 : #5bff29 : +2
107 : #57ff29 : +3
108 : #54ff29 : +4
109 : #50ff29 : +5
110 : #4dff29 : +6
111 : #49ff29 : +7
112 : #45ff29 : +8
113 : #42ff29 : +9
114 : #3eff29 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #939393 : -100
2 : #939692 : -98
4 : #929890 : -96
6 : #919a8d : -94
8 : #909c8b : -92
10 : #8f9f89 : -90
12 : #8ea187 : -88
14 : #8da385 : -86
16 : #8ca583 : -84
18 : #8ba781 : -82
20 : #8aa97e : -80
22 : #89ab7c : -78
24 : #88ae7a : -76
26 : #87b078 : -74
28 : #86b276 : -72
30 : #85b474 : -70
32 : #84b672 : -68
34 : #83b86f : -66
36 : #82ba6d : -64
38 : #81bd6b : -62
40 : #80bf69 : -60
42 : #7fc167 : -58
44 : #7ec365 : -56
46 : #7dc563 : -54
48 : #7cc760 : -52
50 : #7bc95e : -50
52 : #7acc5c : -48
54 : #79ce5a : -46
56 : #78d058 : -44
58 : #77d256 : -42
60 : #76d454 : -40
62 : #75d651 : -38
64 : #74d84f : -36
66 : #73db4d : -34
68 : #72dd4b : -32
70 : #71df49 : -30
72 : #70e147 : -28
74 : #6fe345 : -26
76 : #6ee543 : -24
78 : #6de740 : -22
80 : #6cea3e : -20
82 : #6bec3c : -18
84 : #6aee3a : -16
86 : #69f038 : -14
88 : #68f236 : -12
90 : #67f434 : -10
92 : #66f631 : -8
94 : #65f92f : -6
96 : #64fb2d : -4
98 : #63fd2b : -2
100 : #62ff29 : ±0
L : 明度 ( 58% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -58
2 : #030a00 : -56
4 : #051400 : -54
6 : #081f00 : -52
8 : #0b2900 : -50
10 : #0e3300 : -48
12 : #103d00 : -46
14 : #134700 : -44
16 : #165200 : -42
18 : #185c00 : -40
20 : #1b6600 : -38
22 : #1e7000 : -36
24 : #217a00 : -34
26 : #238500 : -32
28 : #268f00 : -30
30 : #299900 : -28
32 : #2ca300 : -26
34 : #2ead00 : -24
36 : #31b800 : -22
38 : #34c200 : -20
40 : #36cc00 : -18
42 : #39d600 : -16
44 : #3ce000 : -14
46 : #3feb00 : -12
48 : #41f500 : -10
50 : #44ff00 : -8
52 : #4bff0a : -6
54 : #53ff14 : -4
56 : #5aff1f : -2
58 : #62ff29 : ±0
60 : #69ff33 : +2
62 : #71ff3d : +4
64 : #78ff47 : +6
66 : #80ff52 : +8
68 : #87ff5c : +10
70 : #8fff66 : +12
72 : #96ff70 : +14
74 : #9eff7a : +16
76 : #a5ff85 : +18
78 : #adff8f : +20
80 : #b4ff99 : +22
82 : #bcffa3 : +24
84 : #c3ffad : +26
86 : #cbffb8 : +28
88 : #d2ffc2 : +30
90 : #daffcc : +32
92 : #e1ffd6 : +34
94 : #e9ffe0 : +36
96 : #f0ffeb : +38
98 : #f8fff5 : +40
100 : #ffffff : +42
CSS入門、作ってます。
text-shadow