#44b7da
RGB
赤 | 68 |
---|---|
緑 | 183 |
青 | 218 |
HSL
色相 | 194° |
---|---|
彩度 | 67% |
明度 | 56% |
輝度 | 60% |
3桁の色
補色
反転色
RGB ( 赤 = 68, 緑 = 183, 青 = 218 )
HSL ( 色相 = 194°, 彩度 = 67%, 明度 = 56% )
H : 色相 ( 194° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #da4e44 : -190
14 : #da6744 : -180
24 : #da8044 : -170
34 : #da9944 : -160
44 : #dab244 : -150
54 : #dacb44 : -140
64 : #d0da44 : -130
74 : #b7da44 : -120
84 : #9eda44 : -110
94 : #85da44 : -100
104 : #6cda44 : -90
114 : #53da44 : -80
124 : #44da4e : -70
134 : #44da67 : -60
144 : #44da80 : -50
154 : #44da99 : -40
164 : #44dab2 : -30
174 : #44dacb : -20
184 : #44d0da : -10
194 : #44b7da : ±0
204 : #449eda : +10
214 : #4485da : +20
224 : #446cda : +30
234 : #4453da : +40
244 : #4e44da : +50
254 : #6744da : +60
264 : #8044da : +70
274 : #9944da : +80
284 : #b244da : +90
294 : #cb44da : +100
304 : #da44d0 : +110
314 : #da44b7 : +120
324 : #da449e : +130
334 : #da4485 : +140
344 : #da446c : +150
354 : #da4453 : +160
184 : #44d0da : -10
185 : #44cdda : -9
186 : #44cbda : -8
187 : #44c8da : -7
188 : #44c6da : -6
189 : #44c3da : -5
190 : #44c1da : -4
191 : #44beda : -3
192 : #44bcda : -2
193 : #44b9da : -1
194 : #44b7da : ±0
195 : #44b4da : +1
196 : #44b2da : +2
197 : #44afda : +3
198 : #44adda : +4
199 : #44aada : +5
200 : #44a8da : +6
201 : #44a5da : +7
202 : #44a3da : +8
203 : #44a0da : +9
204 : #449eda : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8e8f90 : -66
3 : #8b9192 : -64
5 : #899294 : -62
7 : #879397 : -60
9 : #859499 : -58
11 : #82959b : -56
13 : #80979d : -54
15 : #7e98a0 : -52
17 : #7c99a2 : -50
19 : #799aa4 : -48
21 : #779ba6 : -46
23 : #759da9 : -44
25 : #739eab : -42
27 : #719fad : -40
29 : #6ea0af : -38
31 : #6ca1b2 : -36
33 : #6aa3b4 : -34
35 : #68a4b6 : -32
37 : #65a5b8 : -30
39 : #63a6bb : -28
41 : #61a7bd : -26
43 : #5fa9bf : -24
45 : #5caac1 : -22
47 : #5aabc4 : -20
49 : #58acc6 : -18
51 : #56adc8 : -16
53 : #53afca : -14
55 : #51b0cd : -12
57 : #4fb1cf : -10
59 : #4db2d1 : -8
61 : #4ab3d3 : -6
63 : #48b4d5 : -4
65 : #46b6d8 : -2
67 : #44b7da : ±0
69 : #41b8dc : +2
71 : #3fb9de : +4
73 : #3dbae1 : +6
75 : #3bbce3 : +8
77 : #38bde5 : +10
79 : #36bee7 : +12
81 : #34bfea : +14
83 : #32c0ec : +16
85 : #2fc2ee : +18
87 : #2dc3f0 : +20
89 : #2bc4f3 : +22
91 : #29c5f5 : +24
93 : #26c6f7 : +26
95 : #24c8f9 : +28
97 : #22c9fc : +30
99 : #20cafe : +32
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #020709 : -54
4 : #030e11 : -52
6 : #05151a : -50
8 : #071c22 : -48
10 : #08232b : -46
12 : #0a2a33 : -44
14 : #0c303c : -42
16 : #0d3744 : -40
18 : #0f3e4d : -38
20 : #114555 : -36
22 : #134c5e : -34
24 : #145366 : -32
26 : #165a6f : -30
28 : #186177 : -28
30 : #196880 : -26
32 : #1b6f88 : -24
34 : #1d7691 : -22
36 : #1e7d99 : -20
38 : #2084a2 : -18
40 : #228aaa : -16
42 : #2391b3 : -14
44 : #2598bb : -12
46 : #279fc4 : -10
48 : #28a6cc : -8
50 : #2aadd5 : -6
52 : #33b0d7 : -4
54 : #3bb4d8 : -2
56 : #44b7da : ±0
58 : #4cbadc : +2
60 : #55bddd : +4
62 : #5dc1df : +6
64 : #66c4e1 : +8
66 : #6ec7e2 : +10
68 : #77cbe4 : +12
70 : #7fcee6 : +14
72 : #88d1e7 : +16
74 : #90d4e9 : +18
76 : #99d8eb : +20
78 : #a1dbec : +22
80 : #aadeee : +24
82 : #b2e2f0 : +26
84 : #bbe5f2 : +28
86 : #c3e8f3 : +30
88 : #ccebf5 : +32
90 : #d4eff7 : +34
92 : #ddf2f8 : +36
94 : #e5f5fa : +38
96 : #eef8fc : +40
98 : #f6fcfd : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow