#1d6891
RGB
赤 | 29 |
---|---|
緑 | 104 |
青 | 145 |
HSL
色相 | 201° |
---|---|
彩度 | 67% |
明度 | 34% |
輝度 | 34% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 29, 緑 = 104, 青 = 145 )
HSL ( 色相 = 201°, 彩度 = 67%, 明度 = 34% )
H : 色相 ( 201° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #911f1d : -200
11 : #91321d : -190
21 : #91451d : -180
31 : #91591d : -170
41 : #916c1d : -160
51 : #917f1d : -150
61 : #8f911d : -140
71 : #7b911d : -130
81 : #68911d : -120
91 : #55911d : -110
101 : #41911d : -100
111 : #2e911d : -90
121 : #1d911f : -80
131 : #1d9132 : -70
141 : #1d9145 : -60
151 : #1d9159 : -50
161 : #1d916c : -40
171 : #1d917f : -30
181 : #1d8f91 : -20
191 : #1d7b91 : -10
201 : #1d6891 : ±0
211 : #1d5591 : +10
221 : #1d4191 : +20
231 : #1d2e91 : +30
241 : #1f1d91 : +40
251 : #321d91 : +50
261 : #451d91 : +60
271 : #591d91 : +70
281 : #6c1d91 : +80
291 : #7f1d91 : +90
301 : #911d8f : +100
311 : #911d7b : +110
321 : #911d68 : +120
331 : #911d55 : +130
341 : #911d41 : +140
351 : #911d2e : +150
191 : #1d7b91 : -10
192 : #1d7a91 : -9
193 : #1d7891 : -8
194 : #1d7691 : -7
195 : #1d7491 : -6
196 : #1d7291 : -5
197 : #1d7091 : -4
198 : #1d6e91 : -3
199 : #1d6c91 : -2
200 : #1d6a91 : -1
201 : #1d6891 : ±0
202 : #1d6691 : +1
203 : #1d6491 : +2
204 : #1d6291 : +3
205 : #1d6091 : +4
206 : #1d5e91 : +5
207 : #1d5d91 : +6
208 : #1d5b91 : +7
209 : #1d5991 : +8
210 : #1d5791 : +9
211 : #1d5591 : +10
S : 彩度 ( 67% )
(0%) 渋い ~ 鮮やか (100%)
1 : #565758 : -66
3 : #545759 : -64
5 : #52585b : -62
7 : #51595d : -60
9 : #4f595f : -58
11 : #4d5a60 : -56
13 : #4b5a62 : -54
15 : #4a5b64 : -52
17 : #485b65 : -50
19 : #465c67 : -48
21 : #445c69 : -46
23 : #435d6b : -44
25 : #415d6c : -42
27 : #3f5e6e : -40
29 : #3e5e70 : -38
31 : #3c5f72 : -36
33 : #3a5f73 : -34
35 : #386075 : -32
37 : #376077 : -30
39 : #356179 : -28
41 : #33617a : -26
43 : #31627c : -24
45 : #30627e : -22
47 : #2e637f : -20
49 : #2c6381 : -18
51 : #2a6483 : -16
53 : #296485 : -14
55 : #276586 : -12
57 : #256688 : -10
59 : #24668a : -8
61 : #22678c : -6
63 : #20678d : -4
65 : #1e688f : -2
67 : #1d6891 : ±0
69 : #1b6993 : +2
71 : #196994 : +4
73 : #176a96 : +6
75 : #166a98 : +8
77 : #146b99 : +10
79 : #126b9b : +12
81 : #106c9d : +14
83 : #0f6c9f : +16
85 : #0d6da0 : +18
87 : #0b6da2 : +20
89 : #0a6ea4 : +22
91 : #086ea6 : +24
93 : #066fa7 : +26
95 : #046fa9 : +28
97 : #0370ab : +30
99 : #0170ad : +32
L : 明度 ( 34% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -34
2 : #020609 : -32
4 : #030c11 : -30
6 : #05121a : -28
8 : #071922 : -26
10 : #081f2b : -24
12 : #0a2533 : -22
14 : #0c2b3c : -20
16 : #0d3144 : -18
18 : #0f374d : -16
20 : #113d55 : -14
22 : #13435e : -12
24 : #144a66 : -10
26 : #16506f : -8
28 : #185677 : -6
30 : #195c80 : -4
32 : #1b6288 : -2
34 : #1d6891 : ±0
36 : #1e6e99 : +2
38 : #2074a2 : +4
40 : #227baa : +6
42 : #2381b3 : +8
44 : #2587bb : +10
46 : #278dc4 : +12
48 : #2893cc : +14
50 : #2a99d5 : +16
52 : #339dd7 : +18
54 : #3ba1d8 : +20
56 : #44a5da : +22
58 : #4ca9dc : +24
60 : #55aedd : +26
62 : #5db2df : +28
64 : #66b6e1 : +30
66 : #6ebae2 : +32
68 : #77bee4 : +34
70 : #7fc2e6 : +36
72 : #88c6e7 : +38
74 : #90cae9 : +40
76 : #99ceeb : +42
78 : #a1d2ec : +44
80 : #aad6ee : +46
82 : #b2daf0 : +48
84 : #bbdef2 : +50
86 : #c3e2f3 : +52
88 : #cce7f5 : +54
90 : #d4ebf7 : +56
92 : #ddeff8 : +58
94 : #e5f3fa : +60
96 : #eef7fc : +62
98 : #f6fbfd : +64
100 : #ffffff : +66
CSS入門、作ってます。
text-shadow