#b575cc
RGB
赤 | 181 |
---|---|
緑 | 117 |
青 | 204 |
HSL
色相 | 284° |
---|---|
彩度 | 46% |
明度 | 63% |
輝度 | 57% |
3桁の色
補色
反転色
RGB ( 赤 = 181, 緑 = 117, 青 = 204 )
HSL ( 色相 = 284°, 彩度 = 46%, 明度 = 63% )
H : 色相 ( 284° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #cc7b75 : -280
14 : #cc8a75 : -270
24 : #cc9875 : -260
34 : #cca675 : -250
44 : #ccb575 : -240
54 : #ccc375 : -230
64 : #c6cc75 : -220
74 : #b8cc75 : -210
84 : #a9cc75 : -200
94 : #9bcc75 : -190
104 : #8ccc75 : -180
114 : #7ecc75 : -170
124 : #75cc7b : -160
134 : #75cc8a : -150
144 : #75cc98 : -140
154 : #75cca6 : -130
164 : #75ccb5 : -120
174 : #75ccc3 : -110
184 : #75c6cc : -100
194 : #75b8cc : -90
204 : #75a9cc : -80
214 : #759bcc : -70
224 : #758ccc : -60
234 : #757ecc : -50
244 : #7b75cc : -40
254 : #8a75cc : -30
264 : #9875cc : -20
274 : #a675cc : -10
284 : #b575cc : ±0
294 : #c375cc : +10
304 : #cc75c6 : +20
314 : #cc75b8 : +30
324 : #cc75a9 : +40
334 : #cc759b : +50
344 : #cc758c : +60
354 : #cc757e : +70
274 : #a675cc : -10
275 : #a875cc : -9
276 : #a975cc : -8
277 : #ab75cc : -7
278 : #ac75cc : -6
279 : #ae75cc : -5
280 : #af75cc : -4
281 : #b175cc : -3
282 : #b275cc : -2
283 : #b375cc : -1
284 : #b575cc : ±0
285 : #b675cc : +1
286 : #b875cc : +2
287 : #b975cc : +3
288 : #bb75cc : +4
289 : #bc75cc : +5
290 : #be75cc : +6
291 : #bf75cc : +7
292 : #c075cc : +8
293 : #c275cc : +9
294 : #c375cc : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #a0a0a0 : -46
2 : #a29fa3 : -44
4 : #a29da4 : -42
6 : #a39ba6 : -40
8 : #a499a8 : -38
10 : #a597aa : -36
12 : #a695ac : -34
14 : #a793ae : -32
16 : #a892b0 : -30
18 : #a990b2 : -28
20 : #a98eb4 : -26
22 : #aa8cb5 : -24
24 : #ab8ab7 : -22
26 : #ac88b9 : -20
28 : #ad86bb : -18
30 : #ae84bd : -16
32 : #af82bf : -14
34 : #b081c1 : -12
36 : #b17fc3 : -10
38 : #b17dc5 : -8
40 : #b27bc6 : -6
42 : #b379c8 : -4
44 : #b477ca : -2
46 : #b575cc : ±0
48 : #b673ce : +2
50 : #b771d0 : +4
52 : #b870d2 : +6
54 : #b86ed4 : +8
56 : #b96cd5 : +10
58 : #ba6ad7 : +12
60 : #bb68d9 : +14
62 : #bc66db : +16
64 : #bd64dd : +18
66 : #be62df : +20
68 : #bf60e1 : +22
70 : #bf5fe3 : +24
72 : #c05de5 : +26
74 : #c15be6 : +28
76 : #c259e8 : +30
78 : #c357ea : +32
80 : #c455ec : +34
82 : #c553ee : +36
84 : #c651f0 : +38
86 : #c750f2 : +40
88 : #c74ef4 : +42
90 : #c84cf6 : +44
92 : #c94af7 : +46
94 : #ca48f9 : +48
96 : #cb46fb : +50
98 : #cc44fd : +52
100 : #cd42ff : +54
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #030104 : -62
3 : #09040b : -60
5 : #0f0713 : -58
7 : #160a1a : -56
9 : #1c0c22 : -54
11 : #220f29 : -52
13 : #281230 : -50
15 : #2e1538 : -48
17 : #35173f : -46
19 : #3b1a47 : -44
21 : #411d4e : -42
23 : #472056 : -40
25 : #4d225d : -38
27 : #542565 : -36
29 : #5a286c : -34
31 : #602b73 : -32
33 : #662d7b : -30
35 : #6c3082 : -28
37 : #73338a : -26
39 : #793691 : -24
41 : #7f3899 : -22
43 : #853ba0 : -20
45 : #8b3ea8 : -18
47 : #9241af : -16
49 : #9843b6 : -14
51 : #9d49bc : -12
53 : #a150be : -10
55 : #a557c1 : -8
57 : #a95fc4 : -6
59 : #ad66c7 : -4
61 : #b16ec9 : -2
63 : #b575cc : ±0
65 : #b97dcf : +2
67 : #bd84d2 : +4
69 : #c18cd4 : +6
71 : #c593d7 : +8
73 : #c99ada : +10
75 : #cda2dd : +12
77 : #d1a9df : +14
79 : #d5b1e2 : +16
81 : #d9b8e5 : +18
83 : #ddc0e8 : +20
85 : #e1c7ea : +22
87 : #e5cfed : +24
89 : #e9d6f0 : +26
91 : #edddf3 : +28
93 : #f1e5f5 : +30
95 : #f5ecf8 : +32
97 : #f9f4fb : +34
99 : #fdfbfe : +36
CSS入門、作ってます。
text-shadow