#02ac2f
RGB
赤 | 2 |
---|---|
緑 | 172 |
青 | 47 |
HSL
色相 | 136° |
---|---|
彩度 | 98% |
明度 | 34% |
輝度 | 42% |
3桁の色
補色
反転色
RGB ( 赤 = 2, 緑 = 172, 青 = 47 )
HSL ( 色相 = 136°, 彩度 = 98%, 明度 = 34% )
H : 色相 ( 136° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #ac1302 : -130
16 : #ac2f02 : -120
26 : #ac4b02 : -110
36 : #ac6802 : -100
46 : #ac8402 : -90
56 : #aca002 : -80
66 : #9bac02 : -70
76 : #7eac02 : -60
86 : #62ac02 : -50
96 : #46ac02 : -40
106 : #29ac02 : -30
116 : #0dac02 : -20
126 : #02ac13 : -10
136 : #02ac2f : ±0
146 : #02ac4b : +10
156 : #02ac68 : +20
166 : #02ac84 : +30
176 : #02aca0 : +40
186 : #029bac : +50
196 : #027eac : +60
206 : #0262ac : +70
216 : #0246ac : +80
226 : #0229ac : +90
236 : #020dac : +100
246 : #1302ac : +110
256 : #2f02ac : +120
266 : #4b02ac : +130
276 : #6802ac : +140
286 : #8402ac : +150
296 : #a002ac : +160
306 : #ac029b : +170
316 : #ac027e : +180
326 : #ac0262 : +190
336 : #ac0246 : +200
346 : #ac0229 : +210
356 : #ac020d : +220
126 : #02ac13 : -10
127 : #02ac16 : -9
128 : #02ac18 : -8
129 : #02ac1b : -7
130 : #02ac1e : -6
131 : #02ac21 : -5
132 : #02ac24 : -4
133 : #02ac27 : -3
134 : #02ac29 : -2
135 : #02ac2c : -1
136 : #02ac2f : ±0
137 : #02ac32 : +1
138 : #02ac35 : +2
139 : #02ac38 : +3
140 : #02ac3a : +4
141 : #02ac3d : +5
142 : #02ac40 : +6
143 : #02ac43 : +7
144 : #02ac46 : +8
145 : #02ac49 : +9
146 : #02ac4b : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #565656 : -98
2 : #555856 : -96
4 : #535a55 : -94
6 : #515c54 : -92
8 : #505e53 : -90
10 : #4e5f53 : -88
12 : #4c6152 : -86
14 : #4b6351 : -84
16 : #496550 : -82
18 : #47664f : -80
20 : #45684f : -78
22 : #446a4e : -76
24 : #426c4d : -74
26 : #406d4c : -72
28 : #3e6f4b : -70
30 : #3d714b : -68
32 : #3b724a : -66
34 : #397449 : -64
36 : #377648 : -62
38 : #367847 : -60
40 : #347947 : -58
42 : #327b46 : -56
44 : #317d45 : -54
46 : #2f7f44 : -52
48 : #2d8043 : -50
50 : #2b8242 : -48
52 : #2a8442 : -46
54 : #288641 : -44
56 : #268740 : -42
58 : #24893f : -40
60 : #238b3e : -38
62 : #218c3e : -36
64 : #1f8e3d : -34
66 : #1d903c : -32
68 : #1c923b : -30
70 : #1a933a : -28
72 : #18953a : -26
74 : #179739 : -24
76 : #159938 : -22
78 : #139a37 : -20
80 : #119c36 : -18
82 : #109e36 : -16
84 : #0ea035 : -14
86 : #0ca134 : -12
88 : #0aa333 : -10
90 : #09a532 : -8
92 : #07a631 : -6
94 : #05a831 : -4
96 : #03aa30 : -2
98 : #02ac2f : ±0
100 : #00ad2e : +2
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #000a03 : -32
4 : #001406 : -30
6 : #001e08 : -28
8 : #00280b : -26
10 : #01320e : -24
12 : #013d11 : -22
14 : #014713 : -20
16 : #015116 : -18
18 : #015b19 : -16
20 : #01651c : -14
22 : #016f1e : -12
24 : #017921 : -10
26 : #018324 : -8
28 : #018d27 : -6
30 : #02972a : -4
32 : #02a22c : -2
34 : #02ac2f : ±0
36 : #02b632 : +2
38 : #02c035 : +4
40 : #02ca37 : +6
42 : #02d43a : +8
44 : #02de3d : +10
46 : #02e840 : +12
48 : #02f242 : +14
50 : #03fc45 : +16
52 : #0dfd4d : +18
54 : #17fd54 : +20
56 : #21fd5b : +22
58 : #2bfd63 : +24
60 : #35fd6a : +26
62 : #3ffd72 : +28
64 : #49fd79 : +30
66 : #53fd81 : +32
68 : #5dfd88 : +34
70 : #68fd90 : +36
72 : #72fe97 : +38
74 : #7cfe9e : +40
76 : #86fea6 : +42
78 : #90fead : +44
80 : #9afeb5 : +46
82 : #a4febc : +48
84 : #aefec4 : +50
86 : #b8fecb : +52
88 : #c2fed2 : +54
90 : #cdfeda : +56
92 : #d7ffe1 : +58
94 : #e1ffe9 : +60
96 : #ebfff0 : +62
98 : #f5fff8 : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow