#314e54
RGB
赤 | 49 |
---|---|
緑 | 78 |
青 | 84 |
HSL
色相 | 190° |
---|---|
彩度 | 26% |
明度 | 26% |
輝度 | 27% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 49, 緑 = 78, 青 = 84 )
HSL ( 色相 = 190°, 彩度 = 26%, 明度 = 26% )
H : 色相 ( 190° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #543131 : -190
10 : #543731 : -180
20 : #543d31 : -170
30 : #544231 : -160
40 : #544831 : -150
50 : #544e31 : -140
60 : #545431 : -130
70 : #4e5431 : -120
80 : #485431 : -110
90 : #425431 : -100
100 : #3d5431 : -90
110 : #375431 : -80
120 : #315431 : -70
130 : #315437 : -60
140 : #31543d : -50
150 : #315442 : -40
160 : #315448 : -30
170 : #31544e : -20
180 : #315454 : -10
190 : #314e54 : ±0
200 : #314854 : +10
210 : #314254 : +20
220 : #313d54 : +30
230 : #313754 : +40
240 : #313154 : +50
250 : #373154 : +60
260 : #3d3154 : +70
270 : #423154 : +80
280 : #483154 : +90
290 : #4e3154 : +100
300 : #543154 : +110
310 : #54314e : +120
320 : #543148 : +130
330 : #543142 : +140
340 : #54313d : +150
350 : #543137 : +160
180 : #315454 : -10
181 : #315354 : -9
182 : #315254 : -8
183 : #315254 : -7
184 : #315154 : -6
185 : #315154 : -5
186 : #315054 : -4
187 : #315054 : -3
188 : #314f54 : -2
189 : #314e54 : -1
190 : #314e54 : ±0
191 : #314d54 : +1
192 : #314d54 : +2
193 : #314c54 : +3
194 : #314b54 : +4
195 : #314b54 : +5
196 : #314a54 : +6
197 : #314a54 : +7
198 : #314954 : +8
199 : #314954 : +9
200 : #314854 : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -26
2 : #414344 : -24
4 : #404445 : -22
6 : #3e4546 : -20
8 : #3d4648 : -18
10 : #3c4749 : -16
12 : #3a484a : -14
14 : #39484c : -12
16 : #38494d : -10
18 : #364a4e : -8
20 : #354b50 : -6
22 : #344c51 : -4
24 : #324d52 : -2
26 : #314e54 : ±0
28 : #304f55 : +2
30 : #2e5056 : +4
32 : #2d5058 : +6
34 : #2c5159 : +8
36 : #2a525a : +10
38 : #29535b : +12
40 : #28545d : +14
42 : #26555e : +16
44 : #25565f : +18
46 : #245761 : +20
48 : #225862 : +22
50 : #215863 : +24
52 : #205965 : +26
54 : #1e5a66 : +28
56 : #1d5b67 : +30
58 : #1c5c69 : +32
60 : #1b5d6a : +34
62 : #195e6b : +36
64 : #185f6d : +38
66 : #175f6e : +40
68 : #15606f : +42
70 : #146171 : +44
72 : #136272 : +46
74 : #116373 : +48
76 : #106475 : +50
78 : #0f6576 : +52
80 : #0d6677 : +54
82 : #0c6779 : +56
84 : #0b677a : +58
86 : #09687b : +60
88 : #08697d : +62
90 : #076a7e : +64
92 : #056b7f : +66
94 : #046c81 : +68
96 : #036d82 : +70
98 : #016e83 : +72
100 : #006f85 : +74
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #040606 : -24
4 : #080c0d : -22
6 : #0b1213 : -20
8 : #0f181a : -18
10 : #131e20 : -16
12 : #172427 : -14
14 : #1a2a2d : -12
16 : #1e3033 : -10
18 : #22363a : -8
20 : #263c40 : -6
22 : #2a4247 : -4
24 : #2d484d : -2
26 : #314e54 : ±0
28 : #35545a : +2
30 : #395a60 : +4
32 : #3c6067 : +6
34 : #40666d : +8
36 : #446c74 : +10
38 : #48727a : +12
40 : #4b7881 : +14
42 : #4f7e87 : +16
44 : #53848d : +18
46 : #578a94 : +20
48 : #5b909a : +22
50 : #5e96a1 : +24
52 : #659aa4 : +26
54 : #6b9ea8 : +28
56 : #72a2ac : +30
58 : #78a6b0 : +32
60 : #7eabb4 : +34
62 : #85afb7 : +36
64 : #8bb3bb : +38
66 : #92b7bf : +40
68 : #98bcc3 : +42
70 : #9fc0c6 : +44
72 : #a5c4ca : +46
74 : #abc8ce : +48
76 : #b2ccd2 : +50
78 : #b8d1d5 : +52
80 : #bfd5d9 : +54
82 : #c5d9dd : +56
84 : #ccdde1 : +58
86 : #d2e1e5 : +60
88 : #d8e6e8 : +62
90 : #dfeaec : +64
92 : #e5eef0 : +66
94 : #ecf2f4 : +68
96 : #f2f7f7 : +70
98 : #f9fbfb : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow