#45ba49
RGB
赤 | 69 |
---|---|
緑 | 186 |
青 | 73 |
HSL
色相 | 122° |
---|---|
彩度 | 46% |
明度 | 50% |
輝度 | 54% |
3桁の色
補色
反転色
RGB ( 赤 = 69, 緑 = 186, 青 = 73 )
HSL ( 色相 = 122°, 彩度 = 46%, 明度 = 50% )
H : 色相 ( 122° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #ba4945 : -120
12 : #ba5c45 : -110
22 : #ba7045 : -100
32 : #ba8345 : -90
42 : #ba9745 : -80
52 : #baab45 : -70
62 : #b6ba45 : -60
72 : #a3ba45 : -50
82 : #8fba45 : -40
92 : #7cba45 : -30
102 : #68ba45 : -20
112 : #54ba45 : -10
122 : #45ba49 : ±0
132 : #45ba5c : +10
142 : #45ba70 : +20
152 : #45ba83 : +30
162 : #45ba97 : +40
172 : #45baab : +50
182 : #45b6ba : +60
192 : #45a3ba : +70
202 : #458fba : +80
212 : #457cba : +90
222 : #4568ba : +100
232 : #4554ba : +110
242 : #4945ba : +120
252 : #5c45ba : +130
262 : #7045ba : +140
272 : #8345ba : +150
282 : #9745ba : +160
292 : #ab45ba : +170
302 : #ba45b6 : +180
312 : #ba45a3 : +190
322 : #ba458f : +200
332 : #ba457c : +210
342 : #ba4568 : +220
352 : #ba4554 : +230
112 : #54ba45 : -10
113 : #53ba45 : -9
114 : #51ba45 : -8
115 : #4fba45 : -7
116 : #4dba45 : -6
117 : #4bba45 : -5
118 : #49ba45 : -4
119 : #47ba45 : -3
120 : #45ba45 : -2
121 : #45ba47 : -1
122 : #45ba49 : ±0
123 : #45ba4b : +1
124 : #45ba4d : +2
125 : #45ba4f : +3
126 : #45ba51 : +4
127 : #45ba53 : +5
128 : #45ba54 : +6
129 : #45ba56 : +7
130 : #45ba58 : +8
131 : #45ba5a : +9
132 : #45ba5c : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -46
2 : #7d827d : -44
4 : #7a857b : -42
6 : #788778 : -40
8 : #758a76 : -38
10 : #738c74 : -36
12 : #708f71 : -34
14 : #6e916f : -32
16 : #6b946c : -30
18 : #69966a : -28
20 : #669968 : -26
22 : #639c65 : -24
24 : #619e63 : -22
26 : #5ea161 : -20
28 : #5ca35e : -18
30 : #59a65c : -16
32 : #57a859 : -14
34 : #54ab57 : -12
36 : #52ad55 : -10
38 : #4fb052 : -8
40 : #4db350 : -6
42 : #4ab54e : -4
44 : #47b84b : -2
46 : #45ba49 : ±0
48 : #42bd46 : +2
50 : #40bf44 : +4
52 : #3dc242 : +6
54 : #3bc43f : +8
56 : #38c73d : +10
58 : #36c93a : +12
60 : #33cc38 : +14
62 : #30cf36 : +16
64 : #2ed133 : +18
66 : #2bd431 : +20
68 : #29d62f : +22
70 : #26d92c : +24
72 : #24db2a : +26
74 : #21de27 : +28
76 : #1fe025 : +30
78 : #1ce323 : +32
80 : #1ae620 : +34
82 : #17e81e : +36
84 : #14eb1c : +38
86 : #12ed19 : +40
88 : #0ff017 : +42
90 : #0df214 : +44
92 : #0af512 : +46
94 : #08f710 : +48
96 : #05fa0d : +50
98 : #03fc0b : +52
100 : #00ff09 : +54
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #030703 : -48
4 : #060f06 : -46
6 : #081609 : -44
8 : #0b1e0c : -42
10 : #0e250f : -40
12 : #112d11 : -38
14 : #133414 : -36
16 : #163c17 : -34
18 : #19431a : -32
20 : #1c4a1d : -30
22 : #1e5220 : -28
24 : #215923 : -26
26 : #246126 : -24
28 : #276829 : -22
30 : #29702c : -20
32 : #2c772f : -18
34 : #2f7f31 : -16
36 : #328634 : -14
38 : #348d37 : -12
40 : #37953a : -10
42 : #3a9c3d : -8
44 : #3da440 : -6
46 : #3fab43 : -4
48 : #42b346 : -2
50 : #45ba49 : ±0
52 : #4cbd50 : +2
54 : #54c057 : +4
56 : #5bc25f : +6
58 : #63c566 : +8
60 : #6ac86d : +10
62 : #72cb74 : +12
64 : #79cd7c : +14
66 : #80d083 : +16
68 : #88d38a : +18
70 : #8fd692 : +20
72 : #97d899 : +22
74 : #9edba0 : +24
76 : #a6dea8 : +26
78 : #ade1af : +28
80 : #b5e3b6 : +30
82 : #bce6bd : +32
84 : #c3e9c5 : +34
86 : #cbeccc : +36
88 : #d2eed3 : +38
90 : #daf1db : +40
92 : #e1f4e2 : +42
94 : #e9f7e9 : +44
96 : #f0f9f0 : +46
98 : #f8fcf8 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow