#907ca2
RGB
赤 | 144 |
---|---|
緑 | 124 |
青 | 162 |
HSL
色相 | 272° |
---|---|
彩度 | 17% |
明度 | 56% |
輝度 | 53% |
3桁の色
補色
反転色
RGB ( 赤 = 144, 緑 = 124, 青 = 162 )
HSL ( 色相 = 272°, 彩度 = 17%, 明度 = 56% )
H : 色相 ( 272° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #a27d7c : -270
12 : #a2837c : -260
22 : #a28a7c : -250
32 : #a2907c : -240
42 : #a2967c : -230
52 : #a29d7c : -220
62 : #a1a27c : -210
72 : #9aa27c : -200
82 : #94a27c : -190
92 : #8ea27c : -180
102 : #87a27c : -170
112 : #81a27c : -160
122 : #7ca27d : -150
132 : #7ca283 : -140
142 : #7ca28a : -130
152 : #7ca290 : -120
162 : #7ca296 : -110
172 : #7ca29d : -100
182 : #7ca1a2 : -90
192 : #7c9aa2 : -80
202 : #7c94a2 : -70
212 : #7c8ea2 : -60
222 : #7c87a2 : -50
232 : #7c81a2 : -40
242 : #7d7ca2 : -30
252 : #837ca2 : -20
262 : #8a7ca2 : -10
272 : #907ca2 : ±0
282 : #967ca2 : +10
292 : #9d7ca2 : +20
302 : #a27ca1 : +30
312 : #a27c9a : +40
322 : #a27c94 : +50
332 : #a27c8e : +60
342 : #a27c87 : +70
352 : #a27c81 : +80
262 : #8a7ca2 : -10
263 : #8a7ca2 : -9
264 : #8b7ca2 : -8
265 : #8c7ca2 : -7
266 : #8c7ca2 : -6
267 : #8d7ca2 : -5
268 : #8e7ca2 : -4
269 : #8e7ca2 : -3
270 : #8f7ca2 : -2
271 : #8f7ca2 : -1
272 : #907ca2 : ±0
273 : #917ca2 : +1
274 : #917ca2 : +2
275 : #927ca2 : +3
276 : #937ca2 : +4
277 : #937ca2 : +5
278 : #947ca2 : +6
279 : #957ca2 : +7
280 : #957ca2 : +8
281 : #967ca2 : +9
282 : #967ca2 : +10
S : 彩度 ( 17% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8f8e90 : -16
3 : #8f8b92 : -14
5 : #8f8994 : -12
7 : #8f8797 : -10
9 : #8f8599 : -8
11 : #90829b : -6
13 : #90809d : -4
15 : #907ea0 : -2
17 : #907ca2 : ±0
19 : #9079a4 : +2
21 : #9077a6 : +4
23 : #9175a9 : +6
25 : #9173ab : +8
27 : #9171ad : +10
29 : #916eaf : +12
31 : #916cb2 : +14
33 : #916ab4 : +16
35 : #9168b6 : +18
37 : #9265b8 : +20
39 : #9263bb : +22
41 : #9261bd : +24
43 : #925fbf : +26
45 : #925cc1 : +28
47 : #925ac4 : +30
49 : #9258c6 : +32
51 : #9356c8 : +34
53 : #9353ca : +36
55 : #9351cd : +38
57 : #934fcf : +40
59 : #934dd1 : +42
61 : #934ad3 : +44
63 : #9448d5 : +46
65 : #9446d8 : +48
67 : #9444da : +50
69 : #9441dc : +52
71 : #943fde : +54
73 : #943de1 : +56
75 : #943be3 : +58
77 : #9538e5 : +60
79 : #9536e7 : +62
81 : #9534ea : +64
83 : #9532ec : +66
85 : #952fee : +68
87 : #952df0 : +70
89 : #952bf3 : +72
91 : #9629f5 : +74
93 : #9626f7 : +76
95 : #9624f9 : +78
97 : #9622fc : +80
99 : #9620fe : +82
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #050406 : -54
4 : #0a080c : -52
6 : #0f0d12 : -50
8 : #151118 : -48
10 : #1a151e : -46
12 : #1f1924 : -44
14 : #241e2a : -42
16 : #292230 : -40
18 : #2e2636 : -38
20 : #342a3c : -36
22 : #392f42 : -34
24 : #3e3348 : -32
26 : #43374e : -30
28 : #483b54 : -28
30 : #4d3f5a : -26
32 : #53445f : -24
34 : #584865 : -22
36 : #5d4c6b : -20
38 : #625071 : -18
40 : #675577 : -16
42 : #6c597d : -14
44 : #715d83 : -12
46 : #776189 : -10
48 : #7c668f : -8
50 : #816a95 : -6
52 : #867099 : -4
54 : #8b769e : -2
56 : #907ca2 : ±0
58 : #9582a6 : +2
60 : #9a88aa : +4
62 : #9f8eaf : +6
64 : #a494b3 : +8
66 : #a99ab7 : +10
68 : #aea0bb : +12
70 : #b3a5c0 : +14
72 : #b8abc4 : +16
74 : #bdb1c8 : +18
76 : #c2b7cc : +20
78 : #c8bdd0 : +22
80 : #cdc3d5 : +24
82 : #d2c9d9 : +26
84 : #d7cfdd : +28
86 : #dcd5e1 : +30
88 : #e1dbe6 : +32
90 : #e6e1ea : +34
92 : #ebe7ee : +36
94 : #f0edf2 : +38
96 : #f5f3f7 : +40
98 : #faf9fb : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow