#36ab43
RGB
赤 | 54 |
---|---|
緑 | 171 |
青 | 67 |
HSL
色相 | 127° |
---|---|
彩度 | 52% |
明度 | 44% |
輝度 | 49% |
3桁の色
補色
反転色
RGB ( 赤 = 54, 緑 = 171, 青 = 67 )
HSL ( 色相 = 127°, 彩度 = 52%, 明度 = 44% )
H : 色相 ( 127° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #ab4336 : -120
17 : #ab5736 : -110
27 : #ab6a36 : -100
37 : #ab7e36 : -90
47 : #ab9136 : -80
57 : #aba536 : -70
67 : #9dab36 : -60
77 : #89ab36 : -50
87 : #76ab36 : -40
97 : #63ab36 : -30
107 : #4fab36 : -20
117 : #3cab36 : -10
127 : #36ab43 : ±0
137 : #36ab57 : +10
147 : #36ab6a : +20
157 : #36ab7e : +30
167 : #36ab91 : +40
177 : #36aba5 : +50
187 : #369dab : +60
197 : #3689ab : +70
207 : #3676ab : +80
217 : #3663ab : +90
227 : #364fab : +100
237 : #363cab : +110
247 : #4336ab : +120
257 : #5736ab : +130
267 : #6a36ab : +140
277 : #7e36ab : +150
287 : #9136ab : +160
297 : #a536ab : +170
307 : #ab369d : +180
317 : #ab3689 : +190
327 : #ab3676 : +200
337 : #ab3663 : +210
347 : #ab364f : +220
357 : #ab363c : +230
117 : #3cab36 : -10
118 : #3aab36 : -9
119 : #38ab36 : -8
120 : #36ab36 : -7
121 : #36ab38 : -6
122 : #36ab3a : -5
123 : #36ab3c : -4
124 : #36ab3e : -3
125 : #36ab40 : -2
126 : #36ab42 : -1
127 : #36ab43 : ±0
128 : #36ab45 : +1
129 : #36ab47 : +2
130 : #36ab49 : +3
131 : #36ab4b : +4
132 : #36ab4d : +5
133 : #36ab4f : +6
134 : #36ab51 : +7
135 : #36ab53 : +8
136 : #36ab55 : +9
137 : #36ab57 : +10
S : 彩度 ( 52% )
(0%) 渋い ~ 鮮やか (100%)
0 : #707070 : -52
2 : #6e726e : -50
4 : #6c756d : -48
6 : #69776b : -46
8 : #677969 : -44
10 : #657b68 : -42
12 : #637e66 : -40
14 : #608064 : -38
16 : #5e8262 : -36
18 : #5c8461 : -34
20 : #5a875f : -32
22 : #58895d : -30
24 : #558b5c : -28
26 : #538d5a : -26
28 : #519058 : -24
30 : #4f9256 : -22
32 : #4c9455 : -20
34 : #4a9653 : -18
36 : #489951 : -16
38 : #469b50 : -14
40 : #439d4e : -12
42 : #419f4c : -10
44 : #3fa24a : -8
46 : #3da449 : -6
48 : #3aa647 : -4
50 : #38a845 : -2
52 : #36ab43 : ±0
54 : #34ad42 : +2
56 : #31af40 : +4
58 : #2fb13e : +6
60 : #2db43d : +8
62 : #2bb63b : +10
64 : #28b839 : +12
66 : #26ba37 : +14
68 : #24bc36 : +16
70 : #22bf34 : +18
72 : #1fc132 : +20
74 : #1dc331 : +22
76 : #1bc52f : +24
78 : #19c82d : +26
80 : #16ca2b : +28
82 : #14cc2a : +30
84 : #12ce28 : +32
86 : #10d126 : +34
88 : #0dd325 : +36
90 : #0bd523 : +38
92 : #09d721 : +40
94 : #07da1f : +42
96 : #04dc1e : +44
98 : #02de1c : +46
100 : #00e01a : +48
L : 明度 ( 44% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -44
2 : #020803 : -42
4 : #051006 : -40
6 : #071709 : -38
8 : #0a1f0c : -36
10 : #0c270f : -34
12 : #0f2f12 : -32
14 : #113615 : -30
16 : #143e19 : -28
18 : #16461c : -26
20 : #184e1f : -24
22 : #1b5522 : -22
24 : #1d5d25 : -20
26 : #206528 : -18
28 : #226d2b : -16
30 : #25742e : -14
32 : #277c31 : -12
34 : #2a8434 : -10
36 : #2c8c37 : -8
38 : #2f933a : -6
40 : #319b3d : -4
42 : #33a340 : -2
44 : #36ab43 : ±0
46 : #38b247 : +2
48 : #3bba4a : +4
50 : #3dc24d : +6
52 : #45c454 : +8
54 : #4dc75b : +10
56 : #54c962 : +12
58 : #5ccc69 : +14
60 : #64ce70 : +16
62 : #6cd077 : +18
64 : #73d37f : +20
66 : #7bd586 : +22
68 : #83d88d : +24
70 : #8bda94 : +26
72 : #92dd9b : +28
74 : #9adfa2 : +30
76 : #a2e2a9 : +32
78 : #aae4b1 : +34
80 : #b1e7b8 : +36
82 : #b9e9bf : +38
84 : #c1ebc6 : +40
86 : #c9eecd : +42
88 : #d0f0d4 : +44
90 : #d8f3db : +46
92 : #e0f5e2 : +48
94 : #e8f8ea : +50
96 : #effaf1 : +52
98 : #f7fdf8 : +54
100 : #ffffff : +56
CSS入門、作ってます。
text-shadow