#53caa1
RGB
赤 | 83 |
---|---|
緑 | 202 |
青 | 161 |
HSL
色相 | 159° |
---|---|
彩度 | 53% |
明度 | 56% |
輝度 | 63% |
3桁の色
補色
反転色
RGB ( 赤 = 83, 緑 = 202, 青 = 161 )
HSL ( 色相 = 159°, 彩度 = 53%, 明度 = 56% )
H : 色相 ( 159° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #ca6553 : -150
19 : #ca7953 : -140
29 : #ca8d53 : -130
39 : #caa153 : -120
49 : #cab453 : -110
59 : #cac853 : -100
69 : #b8ca53 : -90
79 : #a5ca53 : -80
89 : #91ca53 : -70
99 : #7dca53 : -60
109 : #69ca53 : -50
119 : #55ca53 : -40
129 : #53ca65 : -30
139 : #53ca79 : -20
149 : #53ca8d : -10
159 : #53caa1 : ±0
169 : #53cab4 : +10
179 : #53cac8 : +20
189 : #53b8ca : +30
199 : #53a5ca : +40
209 : #5391ca : +50
219 : #537dca : +60
229 : #5369ca : +70
239 : #5355ca : +80
249 : #6553ca : +90
259 : #7953ca : +100
269 : #8d53ca : +110
279 : #a153ca : +120
289 : #b453ca : +130
299 : #c853ca : +140
309 : #ca53b8 : +150
319 : #ca53a5 : +160
329 : #ca5391 : +170
339 : #ca537d : +180
349 : #ca5369 : +190
359 : #ca5355 : +200
149 : #53ca8d : -10
150 : #53ca8f : -9
151 : #53ca91 : -8
152 : #53ca93 : -7
153 : #53ca95 : -6
154 : #53ca97 : -5
155 : #53ca99 : -4
156 : #53ca9b : -3
157 : #53ca9d : -2
158 : #53ca9f : -1
159 : #53caa1 : ±0
160 : #53caa3 : +1
161 : #53caa5 : +2
162 : #53caa7 : +3
163 : #53caa9 : +4
164 : #53caab : +5
165 : #53caad : +6
166 : #53caaf : +7
167 : #53cab0 : +8
168 : #53cab2 : +9
169 : #53cab4 : +10
S : 彩度 ( 53% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8e908f : -52
3 : #8b9290 : -50
5 : #899490 : -48
7 : #879791 : -46
9 : #859992 : -44
11 : #829b93 : -42
13 : #809d93 : -40
15 : #7ea094 : -38
17 : #7ca295 : -36
19 : #79a495 : -34
21 : #77a696 : -32
23 : #75a997 : -30
25 : #73ab97 : -28
27 : #71ad98 : -26
29 : #6eaf99 : -24
31 : #6cb299 : -22
33 : #6ab49a : -20
35 : #68b69b : -18
37 : #65b89b : -16
39 : #63bb9c : -14
41 : #61bd9d : -12
43 : #5fbf9d : -10
45 : #5cc19e : -8
47 : #5ac49f : -6
49 : #58c69f : -4
51 : #56c8a0 : -2
53 : #53caa1 : ±0
55 : #51cda1 : +2
57 : #4fcfa2 : +4
59 : #4dd1a3 : +6
61 : #4ad3a3 : +8
63 : #48d5a4 : +10
65 : #46d8a5 : +12
67 : #44daa5 : +14
69 : #41dca6 : +16
71 : #3fdea7 : +18
73 : #3de1a7 : +20
75 : #3be3a8 : +22
77 : #38e5a9 : +24
79 : #36e7a9 : +26
81 : #34eaaa : +28
83 : #32ecab : +30
85 : #2feeab : +32
87 : #2df0ac : +34
89 : #2bf3ad : +36
91 : #29f5ad : +38
93 : #26f7ae : +40
95 : #24f9af : +42
97 : #22fcaf : +44
99 : #20feb0 : +46
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #020806 : -54
4 : #05100c : -52
6 : #071712 : -50
8 : #0a1f18 : -48
10 : #0c271e : -46
12 : #0e2f23 : -44
14 : #113729 : -42
16 : #133e2f : -40
18 : #164635 : -38
20 : #184e3b : -36
22 : #1a5641 : -34
24 : #1d5e47 : -32
26 : #1f654d : -30
28 : #226d53 : -28
30 : #247559 : -26
32 : #267d5f : -24
34 : #298564 : -22
36 : #2b8c6a : -20
38 : #2e9470 : -18
40 : #309c76 : -16
42 : #32a47c : -14
44 : #35ac82 : -12
46 : #37b388 : -10
48 : #3abb8e : -8
50 : #3cc394 : -6
52 : #44c598 : -4
54 : #4cc89c : -2
56 : #53caa1 : ±0
58 : #5bcda5 : +2
60 : #63cfa9 : +4
62 : #6bd1ae : +6
64 : #73d4b2 : +8
66 : #7ad6b6 : +10
68 : #82d9ba : +12
70 : #8adbbf : +14
72 : #92ddc3 : +16
74 : #9ae0c7 : +18
76 : #a1e2cc : +20
78 : #a9e5d0 : +22
80 : #b1e7d4 : +24
82 : #b9e9d8 : +26
84 : #c1ecdd : +28
86 : #c8eee1 : +30
88 : #d0f1e5 : +32
90 : #d8f3ea : +34
92 : #e0f5ee : +36
94 : #e8f8f2 : +38
96 : #effaf6 : +40
98 : #f7fdfb : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow