#15413c
RGB
赤 | 21 |
---|---|
緑 | 65 |
青 | 60 |
HSL
色相 | 173° |
---|---|
彩度 | 51% |
明度 | 17% |
輝度 | 20% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 21, 緑 = 65, 青 = 60 )
HSL ( 色相 = 173°, 彩度 = 51%, 明度 = 17% )
H : 色相 ( 173° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #411715 : -170
13 : #411f15 : -160
23 : #412615 : -150
33 : #412e15 : -140
43 : #413515 : -130
53 : #413c15 : -120
63 : #3f4115 : -110
73 : #384115 : -100
83 : #314115 : -90
93 : #294115 : -80
103 : #224115 : -70
113 : #1a4115 : -60
123 : #154117 : -50
133 : #15411f : -40
143 : #154126 : -30
153 : #15412e : -20
163 : #154135 : -10
173 : #15413c : ±0
183 : #153f41 : +10
193 : #153841 : +20
203 : #153141 : +30
213 : #152941 : +40
223 : #152241 : +50
233 : #151a41 : +60
243 : #171541 : +70
253 : #1f1541 : +80
263 : #261541 : +90
273 : #2e1541 : +100
283 : #351541 : +110
293 : #3c1541 : +120
303 : #41153f : +130
313 : #411538 : +140
323 : #411531 : +150
333 : #411529 : +160
343 : #411522 : +170
353 : #41151a : +180
163 : #154135 : -10
164 : #154136 : -9
165 : #154136 : -8
166 : #154137 : -7
167 : #154138 : -6
168 : #154139 : -5
169 : #154139 : -4
170 : #15413a : -3
171 : #15413b : -2
172 : #15413c : -1
173 : #15413c : ±0
174 : #15413d : +1
175 : #15413e : +2
176 : #15413f : +3
177 : #15413f : +4
178 : #154140 : +5
179 : #154141 : +6
180 : #154141 : +7
181 : #154141 : +8
182 : #154041 : +9
183 : #153f41 : +10
S : 彩度 ( 51% )
(0%) 渋い ~ 鮮やか (100%)
1 : #2b2c2c : -50
3 : #2a2d2c : -48
5 : #292e2d : -46
7 : #282e2e : -44
9 : #272f2e : -42
11 : #27302f : -40
13 : #263130 : -38
15 : #253230 : -36
17 : #243331 : -34
19 : #233432 : -32
21 : #223432 : -30
23 : #213533 : -28
25 : #213634 : -26
27 : #203734 : -24
29 : #1f3835 : -22
31 : #1e3936 : -20
33 : #1d3a36 : -18
35 : #1c3b37 : -16
37 : #1b3b38 : -14
39 : #1a3c38 : -12
41 : #1a3d39 : -10
43 : #193e3a : -8
45 : #183f3a : -6
47 : #17403b : -4
49 : #16413c : -2
51 : #15413c : ±0
53 : #14423d : +2
55 : #14433e : +4
57 : #13443e : +6
59 : #12453f : +8
61 : #114640 : +10
63 : #104740 : +12
65 : #0f4841 : +14
67 : #0e4842 : +16
69 : #0d4942 : +18
71 : #0d4a43 : +20
73 : #0c4b44 : +22
75 : #0b4c44 : +24
77 : #0a4d45 : +26
79 : #094e46 : +28
81 : #084e46 : +30
83 : #074f47 : +32
85 : #075048 : +34
87 : #065148 : +36
89 : #055249 : +38
91 : #04534a : +40
93 : #03544a : +42
95 : #02554b : +44
97 : #01554c : +46
99 : #00564c : +48
L : 明度 ( 17% )
(0%) 暗い ~ 明るい (100%)
1 : #010404 : -16
3 : #040c0b : -14
5 : #061312 : -12
7 : #091b19 : -10
9 : #0b2320 : -8
11 : #0e2a27 : -6
13 : #10322e : -4
15 : #133a35 : -2
17 : #15413c : ±0
19 : #184943 : +2
21 : #1a514a : +4
23 : #1d5952 : +6
25 : #1f6059 : +8
27 : #226860 : +10
29 : #247067 : +12
31 : #27776e : +14
33 : #297f75 : +16
35 : #2c877c : +18
37 : #2e8e83 : +20
39 : #31968a : +22
41 : #339e91 : +24
43 : #36a699 : +26
45 : #38ada0 : +28
47 : #3bb5a7 : +30
49 : #3dbdae : +32
51 : #42c2b3 : +34
53 : #4ac4b6 : +36
55 : #52c7b9 : +38
57 : #59c9bc : +40
59 : #61ccbf : +42
61 : #69cec2 : +44
63 : #71d1c6 : +46
65 : #78d3c9 : +48
67 : #80d6cc : +50
69 : #88d8cf : +52
71 : #8fdbd2 : +54
73 : #97ddd5 : +56
75 : #9fe0d8 : +58
77 : #a6e2db : +60
79 : #aee5de : +62
81 : #b6e7e1 : +64
83 : #beeae5 : +66
85 : #c5ece8 : +68
87 : #cdefeb : +70
89 : #d5f1ee : +72
91 : #dcf4f1 : +74
93 : #e4f6f4 : +76
95 : #ecf9f7 : +78
97 : #f3fbfa : +80
99 : #fbfefd : +82
CSS入門、作ってます。
text-shadow