#14384c
RGB
赤 | 20 |
---|---|
緑 | 56 |
青 | 76 |
HSL
色相 | 201° |
---|---|
彩度 | 58% |
明度 | 19% |
輝度 | 19% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 20, 緑 = 56, 青 = 76 )
HSL ( 色相 = 201°, 彩度 = 58%, 明度 = 19% )
H : 色相 ( 201° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #4d1514 : -200
11 : #4d1f14 : -190
21 : #4d2814 : -180
31 : #4d3114 : -170
41 : #4d3b14 : -160
51 : #4d4414 : -150
61 : #4c4d14 : -140
71 : #424d14 : -130
81 : #394d14 : -120
91 : #304d14 : -110
101 : #264d14 : -100
111 : #1d4d14 : -90
121 : #144d15 : -80
131 : #144d1f : -70
141 : #144d28 : -60
151 : #144d31 : -50
161 : #144d3b : -40
171 : #144d44 : -30
181 : #144c4d : -20
191 : #14424d : -10
201 : #14394d : ±0
211 : #14304d : +10
221 : #14264d : +20
231 : #141d4d : +30
241 : #15144d : +40
251 : #1f144d : +50
261 : #28144d : +60
271 : #31144d : +70
281 : #3b144d : +80
291 : #44144d : +90
301 : #4d144c : +100
311 : #4d1442 : +110
321 : #4d1439 : +120
331 : #4d1430 : +130
341 : #4d1426 : +140
351 : #4d141d : +150
191 : #14424d : -10
192 : #14414d : -9
193 : #14404d : -8
194 : #143f4d : -7
195 : #143f4d : -6
196 : #143e4d : -5
197 : #143d4d : -4
198 : #143c4d : -3
199 : #143b4d : -2
200 : #143a4d : -1
201 : #14394d : ±0
202 : #14384d : +1
203 : #14374d : +2
204 : #14364d : +3
205 : #14354d : +4
206 : #14344d : +5
207 : #14334d : +6
208 : #14324d : +7
209 : #14314d : +8
210 : #14304d : +9
211 : #14304d : +10
S : 彩度 ( 58% )
(0%) 渋い ~ 鮮やか (100%)
0 : #303030 : -58
2 : #2f3131 : -56
4 : #2f3132 : -54
6 : #2e3133 : -52
8 : #2d3234 : -50
10 : #2c3235 : -48
12 : #2b3236 : -46
14 : #2a3237 : -44
16 : #293338 : -42
18 : #283339 : -40
20 : #27333a : -38
22 : #26343b : -36
24 : #25343c : -34
26 : #24343d : -32
28 : #23353e : -30
30 : #22353f : -28
32 : #213540 : -26
34 : #203541 : -24
36 : #1f3642 : -22
38 : #1e3643 : -20
40 : #1d3644 : -18
42 : #1c3745 : -16
44 : #1b3746 : -14
46 : #1a3747 : -12
48 : #193748 : -10
50 : #183849 : -8
52 : #17384a : -6
54 : #16384b : -4
56 : #15394c : -2
58 : #14394d : ±0
60 : #13394e : +2
62 : #12394e : +4
64 : #113a4f : +6
66 : #103a50 : +8
68 : #103a51 : +10
70 : #0f3b52 : +12
72 : #0e3b53 : +14
74 : #0d3b54 : +16
76 : #0c3b55 : +18
78 : #0b3c56 : +20
80 : #0a3c57 : +22
82 : #093c58 : +24
84 : #083d59 : +26
86 : #073d5a : +28
88 : #063d5b : +30
90 : #053e5c : +32
92 : #043e5d : +34
94 : #033e5e : +36
96 : #023e5f : +38
98 : #013f60 : +40
100 : #003f61 : +42
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #010304 : -18
3 : #03090c : -16
5 : #050f14 : -14
7 : #07151c : -12
9 : #0a1b24 : -10
11 : #0c212c : -8
13 : #0e2734 : -6
15 : #102d3c : -4
17 : #123344 : -2
19 : #14394d : ±0
21 : #163f55 : +2
23 : #19455d : +4
25 : #1b4b65 : +6
27 : #1d516d : +8
29 : #1f5775 : +10
31 : #215d7d : +12
33 : #236385 : +14
35 : #25698d : +16
37 : #286f95 : +18
39 : #2a759d : +20
41 : #2c7ba5 : +22
43 : #2e81ad : +24
45 : #3087b5 : +26
47 : #328dbd : +28
49 : #3493c5 : +30
51 : #3a98cb : +32
53 : #429ccd : +34
55 : #4aa0cf : +36
57 : #52a4d1 : +38
59 : #5aa9d3 : +40
61 : #62add5 : +42
63 : #6ab1d7 : +44
65 : #72b5da : +46
67 : #7ab9dc : +48
69 : #82bede : +50
71 : #8ac2e0 : +52
73 : #92c6e2 : +54
75 : #9acae4 : +56
77 : #a2cfe6 : +58
79 : #aad3e9 : +60
81 : #b2d7eb : +62
83 : #bbdbed : +64
85 : #c3dfef : +66
87 : #cbe4f1 : +68
89 : #d3e8f3 : +70
91 : #dbecf5 : +72
93 : #e3f0f8 : +74
95 : #ebf4fa : +76
97 : #f3f9fc : +78
99 : #fbfdfe : +80
CSS入門、作ってます。
text-shadow