#ba4a9c
RGB
| 赤 | 186 |
|---|---|
| 緑 | 74 |
| 青 | 156 |
HSL
| 色相 | 316° |
|---|---|
| 彩度 | 45% |
| 明度 | 51% |
| 輝度 | 46% |
３桁の色
補色
反転色
色の名前 （丸角は、色コード）
RGB ( 赤 = 186, 緑 = 74, 青 = 156 )
HSL ( 色相 = 316°, 彩度 = 45%, 明度 = 51% )
H : 色相 ( 316° )
(0°) 赤～黄～緑～青～紫 (359°)
6 : #ba554a : -310
16 : #ba684a : -300
26 : #ba7b4a : -290
36 : #ba8d4a : -280
46 : #baa04a : -270
56 : #bab34a : -260
66 : #afba4a : -250
76 : #9cba4a : -240
86 : #8aba4a : -230
96 : #77ba4a : -220
106 : #64ba4a : -210
116 : #51ba4a : -200
126 : #4aba55 : -190
136 : #4aba68 : -180
146 : #4aba7b : -170
156 : #4aba8d : -160
166 : #4abaa0 : -150
176 : #4abab3 : -140
186 : #4aafba : -130
196 : #4a9cba : -120
206 : #4a8aba : -110
216 : #4a77ba : -100
226 : #4a64ba : -90
236 : #4a51ba : -80
246 : #554aba : -70
256 : #684aba : -60
266 : #7b4aba : -50
276 : #8d4aba : -40
286 : #a04aba : -30
296 : #b34aba : -20
306 : #ba4aaf : -10
316 : #ba4a9c : ±0
326 : #ba4a8a : +10
336 : #ba4a77 : +20
346 : #ba4a64 : +30
356 : #ba4a51 : +40
306 : #ba4aaf : -10
307 : #ba4aad : -9
308 : #ba4aab : -8
309 : #ba4aa9 : -7
310 : #ba4aa8 : -6
311 : #ba4aa6 : -5
312 : #ba4aa4 : -4
313 : #ba4aa2 : -3
314 : #ba4aa0 : -2
315 : #ba4a9e : -1
316 : #ba4a9c : ±0
317 : #ba4a9a : +1
318 : #ba4a99 : +2
319 : #ba4a97 : +3
320 : #ba4a95 : +4
321 : #ba4a93 : +5
322 : #ba4a91 : +6
323 : #ba4a8f : +7
324 : #ba4a8d : +8
325 : #ba4a8b : +9
326 : #ba4a8a : +10
S : 彩度 ( 45% )
(0%) 渋い ～ 鮮やか (100%)
1 : #838183 : -44
3 : #867e84 : -42
5 : #887c85 : -40
7 : #8b7986 : -38
9 : #8d7787 : -36
11 : #907488 : -34
13 : #92728a : -32
15 : #956f8b : -30
17 : #976d8c : -28
19 : #9a6a8d : -26
21 : #9c688e : -24
23 : #9f658f : -22
25 : #a16391 : -20
27 : #a46092 : -18
29 : #a65e93 : -16
31 : #a95b94 : -14
33 : #ab5995 : -12
35 : #ae5696 : -10
37 : #b05498 : -8
39 : #b35199 : -6
41 : #b54f9a : -4
43 : #b84c9b : -2
45 : #ba4a9c : ±0
47 : #bd479d : +2
49 : #bf459f : +4
51 : #c242a0 : +6
53 : #c440a1 : +8
55 : #c73da2 : +10
57 : #c93ba3 : +12
59 : #cc38a4 : +14
61 : #ce36a6 : +16
63 : #d133a7 : +18
65 : #d331a8 : +20
67 : #d62ea9 : +22
69 : #d82caa : +24
71 : #db29ab : +26
73 : #dd27ad : +28
75 : #e024ae : +30
77 : #e222af : +32
79 : #e51fb0 : +34
81 : #e71db1 : +36
83 : #ea1ab2 : +38
85 : #ec18b4 : +40
87 : #ef15b5 : +42
89 : #f113b6 : +44
91 : #f410b7 : +46
93 : #f60eb8 : +48
95 : #f90bb9 : +50
97 : #fb09bb : +52
99 : #fe06bc : +54
L : 明度 ( 51% )
(0%) 暗い ～ 明るい (100%)
1 : #040103 : -50
3 : #0b0409 : -48
5 : #12070f : -46
7 : #1a0a16 : -44
9 : #210d1c : -42
11 : #290f22 : -40
13 : #301228 : -38
15 : #37152e : -36
17 : #3f1834 : -34
19 : #461b3b : -32
21 : #4e1d41 : -30
23 : #552047 : -28
25 : #5c234d : -26
27 : #642653 : -24
29 : #6b2959 : -22
31 : #732b60 : -20
33 : #7a2e66 : -18
35 : #81316c : -16
37 : #893472 : -14
39 : #903778 : -12
41 : #983a7f : -10
43 : #9f3c85 : -8
45 : #a63f8b : -6
47 : #ae4291 : -4
49 : #b54597 : -2
51 : #ba4a9c : ±0
53 : #bd51a0 : +2
55 : #c059a4 : +4
57 : #c360a8 : +6
59 : #c567ac : +8
61 : #c86fb0 : +10
63 : #cb76b4 : +12
65 : #ce7eb8 : +14
67 : #d185bd : +16
69 : #d48cc1 : +18
71 : #d694c5 : +20
73 : #d99bc9 : +22
75 : #dca3cd : +24
77 : #dfaad1 : +26
79 : #e2b1d5 : +28
81 : #e4b9d9 : +30
83 : #e7c0dd : +32
85 : #eac8e1 : +34
87 : #edcfe5 : +36
89 : #f0d6e9 : +38
91 : #f2deed : +40
93 : #f5e5f1 : +42
95 : #f8edf5 : +44
97 : #fbf4f9 : +46
99 : #fefbfd : +48
CSS入門、作ってます。
text-shadow