#32fb61
RGB
赤 | 50 |
---|---|
緑 | 251 |
青 | 97 |
HSL
色相 | 134° |
---|---|
彩度 | 96% |
明度 | 59% |
輝度 | 68% |
3桁の色
補色
反転色
RGB ( 赤 = 50, 緑 = 251, 青 = 97 )
HSL ( 色相 = 134°, 彩度 = 96%, 明度 = 59% )
H : 色相 ( 134° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #fb3f32 : -130
14 : #fb6132 : -120
24 : #fb8232 : -110
34 : #fba432 : -100
44 : #fbc532 : -90
54 : #fbe732 : -80
64 : #edfb32 : -70
74 : #ccfb32 : -60
84 : #abfb32 : -50
94 : #89fb32 : -40
104 : #68fb32 : -30
114 : #46fb32 : -20
124 : #32fb3f : -10
134 : #32fb61 : ±0
144 : #32fb82 : +10
154 : #32fba4 : +20
164 : #32fbc5 : +30
174 : #32fbe7 : +40
184 : #32edfb : +50
194 : #32ccfb : +60
204 : #32abfb : +70
214 : #3289fb : +80
224 : #3268fb : +90
234 : #3246fb : +100
244 : #3f32fb : +110
254 : #6132fb : +120
264 : #8232fb : +130
274 : #a432fb : +140
284 : #c532fb : +150
294 : #e732fb : +160
304 : #fb32ed : +170
314 : #fb32cc : +180
324 : #fb32ab : +190
334 : #fb3289 : +200
344 : #fb3268 : +210
354 : #fb3246 : +220
124 : #32fb3f : -10
125 : #32fb43 : -9
126 : #32fb46 : -8
127 : #32fb4a : -7
128 : #32fb4d : -6
129 : #32fb50 : -5
130 : #32fb54 : -4
131 : #32fb57 : -3
132 : #32fb5a : -2
133 : #32fb5e : -1
134 : #32fb61 : ±0
135 : #32fb64 : +1
136 : #32fb68 : +2
137 : #32fb6b : +3
138 : #32fb6e : +4
139 : #32fb72 : +5
140 : #32fb75 : +6
141 : #32fb78 : +7
142 : #32fb7c : +8
143 : #32fb7f : +9
144 : #32fb82 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #969696 : -96
2 : #949995 : -94
4 : #929b94 : -92
6 : #909d93 : -90
8 : #8e9f92 : -88
10 : #8ca191 : -86
12 : #8aa390 : -84
14 : #88a58f : -82
16 : #86a78e : -80
18 : #84a98c : -78
20 : #82ab8b : -76
22 : #7fad8a : -74
24 : #7db089 : -72
26 : #7bb288 : -70
28 : #79b487 : -68
30 : #77b686 : -66
32 : #75b885 : -64
34 : #73ba83 : -62
36 : #71bc82 : -60
38 : #6fbe81 : -58
40 : #6dc080 : -56
42 : #6bc27f : -54
44 : #68c47e : -52
46 : #66c77d : -50
48 : #64c97c : -48
50 : #62cb7b : -46
52 : #60cd79 : -44
54 : #5ecf78 : -42
56 : #5cd177 : -40
58 : #5ad376 : -38
60 : #58d575 : -36
62 : #56d774 : -34
64 : #54d973 : -32
66 : #51db72 : -30
68 : #4fde71 : -28
70 : #4de06f : -26
72 : #4be26e : -24
74 : #49e46d : -22
76 : #47e66c : -20
78 : #45e86b : -18
80 : #43ea6a : -16
82 : #41ec69 : -14
84 : #3fee68 : -12
86 : #3df066 : -10
88 : #3af265 : -8
90 : #38f564 : -6
92 : #36f763 : -4
94 : #34f962 : -2
96 : #32fb61 : ±0
98 : #30fd60 : +2
100 : #2eff5f : +4
L : 明度 ( 59% )
(0%) 暗い ~ 明るい (100%)
1 : #000501 : -58
3 : #000f04 : -56
5 : #011906 : -54
7 : #012309 : -52
9 : #012d0b : -50
11 : #01370e : -48
13 : #014110 : -46
15 : #024b13 : -44
17 : #025515 : -42
19 : #025f18 : -40
21 : #02691a : -38
23 : #02731d : -36
25 : #037d1f : -34
27 : #038722 : -32
29 : #039124 : -30
31 : #039b27 : -28
33 : #03a529 : -26
35 : #04af2c : -24
37 : #04b92e : -22
39 : #04c331 : -20
41 : #04cd33 : -18
43 : #04d736 : -16
45 : #05e138 : -14
47 : #05eb3a : -12
49 : #05f53d : -10
51 : #0afa42 : -8
53 : #14fa4a : -6
55 : #1efa51 : -4
57 : #28fb59 : -2
59 : #32fb61 : ±0
61 : #3cfb69 : +2
63 : #46fb70 : +4
65 : #50fb78 : +6
67 : #5afc80 : +8
69 : #64fc87 : +10
71 : #6efc8f : +12
73 : #78fc97 : +14
75 : #82fc9f : +16
77 : #8cfda6 : +18
79 : #96fdae : +20
81 : #a0fdb6 : +22
83 : #aafdbd : +24
85 : #b4fdc5 : +26
87 : #befecd : +28
89 : #c8fed5 : +30
91 : #d2fedc : +32
93 : #dcfee4 : +34
95 : #e6feec : +36
97 : #f0fff3 : +38
99 : #fafffb : +40
CSS入門、作ってます。
text-shadow