#43a63a
RGB
赤 | 67 |
---|---|
緑 | 166 |
青 | 58 |
HSL
色相 | 115° |
---|---|
彩度 | 48% |
明度 | 44% |
輝度 | 49% |
3桁の色
補色
反転色
RGB ( 赤 = 67, 緑 = 166, 青 = 58 )
HSL ( 色相 = 115°, 彩度 = 48%, 明度 = 44% )
H : 色相 ( 115° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #a6433a : -110
15 : #a6553a : -100
25 : #a6673a : -90
35 : #a6793a : -80
45 : #a68b3a : -70
55 : #a69d3a : -60
65 : #9da63a : -50
75 : #8ba63a : -40
85 : #79a63a : -30
95 : #67a63a : -20
105 : #55a63a : -10
115 : #43a63a : ±0
125 : #3aa643 : +10
135 : #3aa655 : +20
145 : #3aa667 : +30
155 : #3aa679 : +40
165 : #3aa68b : +50
175 : #3aa69d : +60
185 : #3a9da6 : +70
195 : #3a8ba6 : +80
205 : #3a79a6 : +90
215 : #3a67a6 : +100
225 : #3a55a6 : +110
235 : #3a43a6 : +120
245 : #433aa6 : +130
255 : #553aa6 : +140
265 : #673aa6 : +150
275 : #793aa6 : +160
285 : #8b3aa6 : +170
295 : #9d3aa6 : +180
305 : #a63a9d : +190
315 : #a63a8b : +200
325 : #a63a79 : +210
335 : #a63a67 : +220
345 : #a63a55 : +230
355 : #a63a43 : +240
105 : #55a63a : -10
106 : #53a63a : -9
107 : #52a63a : -8
108 : #50a63a : -7
109 : #4ea63a : -6
110 : #4ca63a : -5
111 : #4ba63a : -4
112 : #49a63a : -3
113 : #47a63a : -2
114 : #45a63a : -1
115 : #43a63a : ±0
116 : #42a63a : +1
117 : #40a63a : +2
118 : #3ea63a : +3
119 : #3ca63a : +4
120 : #3aa63a : +5
121 : #3aa63c : +6
122 : #3aa63e : +7
123 : #3aa640 : +8
124 : #3aa642 : +9
125 : #3aa643 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -48
2 : #6e726e : -46
4 : #6c756c : -44
6 : #6b7769 : -42
8 : #697967 : -40
10 : #677b65 : -38
12 : #657e63 : -36
14 : #638060 : -34
16 : #61825e : -32
18 : #5f845c : -30
20 : #5e875a : -28
22 : #5c8958 : -26
24 : #5a8b55 : -24
26 : #588d53 : -22
28 : #569051 : -20
30 : #54924f : -18
32 : #52944c : -16
34 : #50964a : -14
36 : #4f9948 : -12
38 : #4d9b46 : -10
40 : #4b9d43 : -8
42 : #499f41 : -6
44 : #47a23f : -4
46 : #45a43d : -2
48 : #43a63a : ±0
50 : #41a838 : +2
52 : #40ab36 : +4
54 : #3ead34 : +6
56 : #3caf31 : +8
58 : #3ab12f : +10
60 : #38b42d : +12
62 : #36b62b : +14
64 : #34b828 : +16
66 : #32ba26 : +18
68 : #31bc24 : +20
70 : #2fbf22 : +22
72 : #2dc11f : +24
74 : #2bc31d : +26
76 : #29c51b : +28
78 : #27c819 : +30
80 : #25ca16 : +32
82 : #24cc14 : +34
84 : #22ce12 : +36
86 : #20d110 : +38
88 : #1ed30d : +40
90 : #1cd50b : +42
92 : #1ad709 : +44
94 : #18da07 : +46
96 : #16dc04 : +48
98 : #15de02 : +50
100 : #13e000 : +52
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #030803 : -42
4 : #060f05 : -40
6 : #091708 : -38
8 : #0c1e0b : -36
10 : #0f260d : -34
12 : #122d10 : -32
14 : #153513 : -30
16 : #183c15 : -28
18 : #1c4418 : -26
20 : #1f4b1b : -24
22 : #22531d : -22
24 : #255b20 : -20
26 : #286222 : -18
28 : #2b6a25 : -16
30 : #2e7128 : -14
32 : #31792a : -12
34 : #34802d : -10
36 : #378830 : -8
38 : #3a8f32 : -6
40 : #3d9735 : -4
42 : #409f38 : -2
44 : #43a63a : ±0
46 : #46ae3d : +2
48 : #49b540 : +4
50 : #4dbd42 : +6
52 : #54bf4a : +8
54 : #5bc251 : +10
56 : #62c559 : +12
58 : #69c760 : +14
60 : #70ca68 : +16
62 : #77cd70 : +18
64 : #7ecf77 : +20
66 : #86d27f : +22
68 : #8dd586 : +24
70 : #94d78e : +26
72 : #9bda95 : +28
74 : #a2dd9d : +30
76 : #a9dfa4 : +32
78 : #b0e2ac : +34
80 : #b8e4b4 : +36
82 : #bfe7bb : +38
84 : #c6eac3 : +40
86 : #cdecca : +42
88 : #d4efd2 : +44
90 : #dbf2d9 : +46
92 : #e2f4e1 : +48
94 : #eaf7e8 : +50
96 : #f1faf0 : +52
98 : #f8fcf7 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow