#36e242
RGB
赤 | 54 |
---|---|
緑 | 226 |
青 | 66 |
HSL
色相 | 124° |
---|---|
彩度 | 75% |
明度 | 55% |
輝度 | 61% |
3桁の色
補色
反転色
RGB ( 赤 = 54, 緑 = 226, 青 = 66 )
HSL ( 色相 = 124°, 彩度 = 75%, 明度 = 55% )
H : 色相 ( 124° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #e24236 : -120
14 : #e25e36 : -110
24 : #e27b36 : -100
34 : #e29836 : -90
44 : #e2b436 : -80
54 : #e2d136 : -70
64 : #d7e236 : -60
74 : #bae236 : -50
84 : #9de236 : -40
94 : #81e236 : -30
104 : #64e236 : -20
114 : #47e236 : -10
124 : #36e242 : ±0
134 : #36e25e : +10
144 : #36e27b : +20
154 : #36e298 : +30
164 : #36e2b4 : +40
174 : #36e2d1 : +50
184 : #36d7e2 : +60
194 : #36bae2 : +70
204 : #369de2 : +80
214 : #3681e2 : +90
224 : #3664e2 : +100
234 : #3647e2 : +110
244 : #4236e2 : +120
254 : #5e36e2 : +130
264 : #7b36e2 : +140
274 : #9836e2 : +150
284 : #b436e2 : +160
294 : #d136e2 : +170
304 : #e236d7 : +180
314 : #e236ba : +190
324 : #e2369d : +200
334 : #e23681 : +210
344 : #e23664 : +220
354 : #e23647 : +230
114 : #47e236 : -10
115 : #45e236 : -9
116 : #42e236 : -8
117 : #3fe236 : -7
118 : #3ce236 : -6
119 : #39e236 : -5
120 : #36e236 : -4
121 : #36e239 : -3
122 : #36e23c : -2
123 : #36e23f : -1
124 : #36e242 : ±0
125 : #36e245 : +1
126 : #36e247 : +2
127 : #36e24a : +3
128 : #36e24d : +4
129 : #36e250 : +5
130 : #36e253 : +6
131 : #36e256 : +7
132 : #36e259 : +8
133 : #36e25b : +9
134 : #36e25e : +10
S : 彩度 ( 75% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8b8d8b : -74
3 : #899089 : -72
5 : #879287 : -70
7 : #849485 : -68
9 : #829783 : -66
11 : #809981 : -64
13 : #7d9b7f : -62
15 : #7b9d7d : -60
17 : #79a07b : -58
19 : #76a279 : -56
21 : #74a477 : -54
23 : #72a775 : -52
25 : #70a973 : -50
27 : #6dab71 : -48
29 : #6bae6f : -46
31 : #69b06d : -44
33 : #66b26b : -42
35 : #64b469 : -40
37 : #62b767 : -38
39 : #5fb965 : -36
41 : #5dbb63 : -34
43 : #5bbe61 : -32
45 : #59c05f : -30
47 : #56c25e : -28
49 : #54c45c : -26
51 : #52c75a : -24
53 : #4fc958 : -22
55 : #4dcb56 : -20
57 : #4bce54 : -18
59 : #49d052 : -16
61 : #46d250 : -14
63 : #44d54e : -12
65 : #42d74c : -10
67 : #3fd94a : -8
69 : #3ddb48 : -6
71 : #3bde46 : -4
73 : #38e044 : -2
75 : #36e242 : ±0
77 : #34e540 : +2
79 : #32e73e : +4
81 : #2fe93c : +6
83 : #2deb3a : +8
85 : #2bee38 : +10
87 : #28f036 : +12
89 : #26f234 : +14
91 : #24f532 : +16
93 : #22f730 : +18
95 : #1ff92e : +20
97 : #1dfc2c : +22
99 : #1bfe2a : +24
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #010401 : -54
3 : #020d03 : -52
5 : #031604 : -50
7 : #041f06 : -48
9 : #062808 : -46
11 : #07310a : -44
13 : #083a0c : -42
15 : #0a430d : -40
17 : #0b4c0f : -38
19 : #0c5511 : -36
21 : #0d5e13 : -34
23 : #0f6715 : -32
25 : #107016 : -30
27 : #117818 : -28
29 : #12811a : -26
31 : #148a1c : -24
33 : #15931d : -22
35 : #169c1f : -20
37 : #18a521 : -18
39 : #19ae23 : -16
41 : #1ab725 : -14
43 : #1bc026 : -12
45 : #1dc928 : -10
47 : #1ed22a : -8
49 : #1fdb2c : -6
51 : #24e031 : -4
53 : #2de139 : -2
55 : #36e242 : ±0
57 : #3fe44a : +2
59 : #48e552 : +4
61 : #51e65b : +6
63 : #5ae763 : +8
65 : #63e96c : +10
67 : #6cea74 : +12
69 : #75eb7d : +14
71 : #7eed85 : +16
73 : #87ee8d : +18
75 : #8fef96 : +20
77 : #98f09e : +22
79 : #a1f2a7 : +24
81 : #aaf3af : +26
83 : #b3f4b7 : +28
85 : #bcf5c0 : +30
87 : #c5f7c8 : +32
89 : #cef8d1 : +34
91 : #d7f9d9 : +36
93 : #e0fbe2 : +38
95 : #e9fcea : +40
97 : #f2fdf2 : +42
99 : #fbfefb : +44
CSS入門、作ってます。
text-shadow