#5edc38
RGB
赤 | 94 |
---|---|
緑 | 220 |
青 | 56 |
HSL
色相 | 106° |
---|---|
彩度 | 70% |
明度 | 54% |
輝度 | 64% |
3桁の色
補色
反転色
RGB ( 赤 = 94, 緑 = 220, 青 = 56 )
HSL ( 色相 = 106°, 彩度 = 70%, 明度 = 54% )
H : 色相 ( 106° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #dc4838 : -100
16 : #dc6338 : -90
26 : #dc7f38 : -80
36 : #dc9a38 : -70
46 : #dcb538 : -60
56 : #dcd138 : -50
66 : #cbdc38 : -40
76 : #b0dc38 : -30
86 : #95dc38 : -20
96 : #79dc38 : -10
106 : #5edc38 : ±0
116 : #43dc38 : +10
126 : #38dc48 : +20
136 : #38dc63 : +30
146 : #38dc7f : +40
156 : #38dc9a : +50
166 : #38dcb5 : +60
176 : #38dcd1 : +70
186 : #38cbdc : +80
196 : #38b0dc : +90
206 : #3895dc : +100
216 : #3879dc : +110
226 : #385edc : +120
236 : #3843dc : +130
246 : #4838dc : +140
256 : #6338dc : +150
266 : #7f38dc : +160
276 : #9a38dc : +170
286 : #b538dc : +180
296 : #d138dc : +190
306 : #dc38cb : +200
316 : #dc38b0 : +210
326 : #dc3895 : +220
336 : #dc3879 : +230
346 : #dc385e : +240
356 : #dc3843 : +250
96 : #79dc38 : -10
97 : #77dc38 : -9
98 : #74dc38 : -8
99 : #71dc38 : -7
100 : #6edc38 : -6
101 : #6cdc38 : -5
102 : #69dc38 : -4
103 : #66dc38 : -3
104 : #63dc38 : -2
105 : #61dc38 : -1
106 : #5edc38 : ±0
107 : #5bdc38 : +1
108 : #58dc38 : +2
109 : #56dc38 : +3
110 : #53dc38 : +4
111 : #50dc38 : +5
112 : #4ddc38 : +6
113 : #4bdc38 : +7
114 : #48dc38 : +8
115 : #45dc38 : +9
116 : #43dc38 : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #898989 : -70
2 : #888c87 : -68
4 : #878e85 : -66
6 : #869183 : -64
8 : #859380 : -62
10 : #83957e : -60
12 : #82987c : -58
14 : #819a79 : -56
16 : #809c77 : -54
18 : #7e9f75 : -52
20 : #7da172 : -50
22 : #7ca470 : -48
24 : #7ba66e : -46
26 : #79a86b : -44
28 : #78ab69 : -42
30 : #77ad67 : -40
32 : #76af64 : -38
34 : #74b262 : -36
36 : #73b45f : -34
38 : #72b65d : -32
40 : #71b95b : -30
42 : #6fbb58 : -28
44 : #6ebd56 : -26
46 : #6dc054 : -24
48 : #6cc251 : -22
50 : #6ac44f : -20
52 : #69c74d : -18
54 : #68c94a : -16
56 : #67cb48 : -14
58 : #65ce46 : -12
60 : #64d043 : -10
62 : #63d241 : -8
64 : #62d53f : -6
66 : #60d73c : -4
68 : #5fd93a : -2
70 : #5edc38 : ±0
72 : #5dde35 : +2
74 : #5be133 : +4
76 : #5ae331 : +6
78 : #59e52e : +8
80 : #58e82c : +10
82 : #56ea2a : +12
84 : #55ec27 : +14
86 : #54ef25 : +16
88 : #53f122 : +18
90 : #51f320 : +20
92 : #50f61e : +22
94 : #4ff81b : +24
96 : #4efa19 : +26
98 : #4cfd17 : +28
100 : #4bff14 : +30
L : 明度 ( 54% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -54
2 : #030902 : -52
4 : #061103 : -50
6 : #0a1a05 : -48
8 : #0d2306 : -46
10 : #102b08 : -44
12 : #133409 : -42
14 : #163d0b : -40
16 : #1a450c : -38
18 : #1d4e0e : -36
20 : #20570f : -34
22 : #235f11 : -32
24 : #266812 : -30
26 : #2a7114 : -28
28 : #2d7915 : -26
30 : #308217 : -24
32 : #338b18 : -22
34 : #36931a : -20
36 : #3a9c1c : -18
38 : #3da51d : -16
40 : #40ad1f : -14
42 : #43b620 : -12
44 : #46bf22 : -10
46 : #4ac723 : -8
48 : #4dd025 : -6
50 : #50d926 : -4
52 : #57da2f : -2
54 : #5edc38 : ±0
56 : #65dd40 : +2
58 : #6cdf49 : +4
60 : #73e052 : +6
62 : #7ae25a : +8
64 : #81e363 : +10
66 : #88e56c : +12
68 : #8fe774 : +14
70 : #96e87d : +16
72 : #9dea86 : +18
74 : #a4eb8e : +20
76 : #abed97 : +22
78 : #b2eea0 : +24
80 : #b9f0a8 : +26
82 : #c0f1b1 : +28
84 : #c7f3ba : +30
86 : #cef4c2 : +32
88 : #d5f6cb : +34
90 : #dcf7d4 : +36
92 : #e3f9dc : +38
94 : #eafae5 : +40
96 : #f1fcee : +42
98 : #f8fdf6 : +44
100 : #ffffff : +46
CSS入門、作ってます。
text-shadow