#02a73b
RGB
赤 | 2 |
---|---|
緑 | 167 |
青 | 59 |
HSL
色相 | 141° |
---|---|
彩度 | 98% |
明度 | 33% |
輝度 | 41% |
3桁の色
補色
反転色
RGB ( 赤 = 2, 緑 = 167, 青 = 59 )
HSL ( 色相 = 141°, 彩度 = 98%, 明度 = 33% )
H : 色相 ( 141° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #a70402 : -140
11 : #a72002 : -130
21 : #a73b02 : -120
31 : #a75702 : -110
41 : #a77202 : -100
51 : #a78e02 : -90
61 : #a4a702 : -80
71 : #88a702 : -70
81 : #6da702 : -60
91 : #51a702 : -50
101 : #36a702 : -40
111 : #1aa702 : -30
121 : #02a704 : -20
131 : #02a720 : -10
141 : #02a73b : ±0
151 : #02a757 : +10
161 : #02a772 : +20
171 : #02a78e : +30
181 : #02a4a7 : +40
191 : #0288a7 : +50
201 : #026da7 : +60
211 : #0251a7 : +70
221 : #0236a7 : +80
231 : #021aa7 : +90
241 : #0402a7 : +100
251 : #2002a7 : +110
261 : #3b02a7 : +120
271 : #5702a7 : +130
281 : #7202a7 : +140
291 : #8e02a7 : +150
301 : #a702a4 : +160
311 : #a70288 : +170
321 : #a7026d : +180
331 : #a70251 : +190
341 : #a70236 : +200
351 : #a7021a : +210
131 : #02a720 : -10
132 : #02a723 : -9
133 : #02a725 : -8
134 : #02a728 : -7
135 : #02a72b : -6
136 : #02a72e : -5
137 : #02a730 : -4
138 : #02a733 : -3
139 : #02a736 : -2
140 : #02a739 : -1
141 : #02a73b : ±0
142 : #02a73e : +1
143 : #02a741 : +2
144 : #02a744 : +3
145 : #02a746 : +4
146 : #02a749 : +5
147 : #02a74c : +6
148 : #02a74f : +7
149 : #02a751 : +8
150 : #02a754 : +9
151 : #02a757 : +10
S : 彩度 ( 98% )
(0%) 渋い ~ 鮮やか (100%)
0 : #545454 : -98
2 : #525654 : -96
4 : #515853 : -94
6 : #4f5953 : -92
8 : #4d5b52 : -90
10 : #4c5d52 : -88
12 : #4a5e51 : -86
14 : #486051 : -84
16 : #476250 : -82
18 : #456350 : -80
20 : #43654f : -78
22 : #42674f : -76
24 : #40684e : -74
26 : #3e6a4e : -72
28 : #3d6c4d : -70
30 : #3b6d4d : -68
32 : #396f4c : -66
34 : #38714c : -64
36 : #36724b : -62
38 : #34744b : -60
40 : #32764a : -58
42 : #31774a : -56
44 : #2f7949 : -54
46 : #2d7b49 : -52
48 : #2c7d48 : -50
50 : #2a7e48 : -48
52 : #288047 : -46
54 : #278247 : -44
56 : #258346 : -42
58 : #238546 : -40
60 : #228745 : -38
62 : #208844 : -36
64 : #1e8a44 : -34
66 : #1d8c43 : -32
68 : #1b8d43 : -30
70 : #198f42 : -28
72 : #189142 : -26
74 : #169241 : -24
76 : #149441 : -22
78 : #139640 : -20
80 : #119740 : -18
82 : #0f993f : -16
84 : #0d9b3f : -14
86 : #0c9d3e : -12
88 : #0a9e3e : -10
90 : #08a03d : -8
92 : #07a23d : -6
94 : #05a33c : -4
96 : #03a53c : -2
98 : #02a73b : ±0
100 : #00a83b : +2
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #000502 : -32
3 : #000f05 : -30
5 : #001909 : -28
7 : #00230d : -26
9 : #002d10 : -24
11 : #013814 : -22
13 : #014217 : -20
15 : #014c1b : -18
17 : #01561f : -16
19 : #016022 : -14
21 : #016a26 : -12
23 : #017429 : -10
25 : #017e2d : -8
27 : #018831 : -6
29 : #019234 : -4
31 : #029d38 : -2
33 : #02a73b : ±0
35 : #02b13f : +2
37 : #02bb43 : +4
39 : #02c546 : +6
41 : #02cf4a : +8
43 : #02d94d : +10
45 : #02e351 : +12
47 : #02ed55 : +14
49 : #02f758 : +16
51 : #08fd5d : +18
53 : #12fd64 : +20
55 : #1cfd6b : +22
57 : #26fd71 : +24
59 : #30fd78 : +26
61 : #3afd7e : +28
63 : #44fd85 : +30
65 : #4efd8c : +32
67 : #58fd92 : +34
69 : #62fd99 : +36
71 : #6dfe9f : +38
73 : #77fea6 : +40
75 : #81fead : +42
77 : #8bfeb3 : +44
79 : #95feba : +46
81 : #9ffec0 : +48
83 : #a9fec7 : +50
85 : #b3fece : +52
87 : #bdfed4 : +54
89 : #c7fedb : +56
91 : #d2ffe1 : +58
93 : #dcffe8 : +60
95 : #e6ffef : +62
97 : #f0fff5 : +64
99 : #fafffc : +66
CSS入門、作ってます。
text-shadow