#053476
RGB
赤 | 5 |
---|---|
緑 | 52 |
青 | 118 |
HSL
色相 | 215° |
---|---|
彩度 | 92% |
明度 | 24% |
輝度 | 18% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 5, 緑 = 52, 青 = 118 )
HSL ( 色相 = 215°, 彩度 = 92%, 明度 = 24% )
H : 色相 ( 215° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #760e05 : -210
15 : #762105 : -200
25 : #763405 : -190
35 : #764705 : -180
45 : #765905 : -170
55 : #766c05 : -160
65 : #6c7605 : -150
75 : #597605 : -140
85 : #477605 : -130
95 : #347605 : -120
105 : #217605 : -110
115 : #0e7605 : -100
125 : #05760e : -90
135 : #057621 : -80
145 : #057634 : -70
155 : #057647 : -60
165 : #057659 : -50
175 : #05766c : -40
185 : #056c76 : -30
195 : #055976 : -20
205 : #054776 : -10
215 : #053476 : ±0
225 : #052176 : +10
235 : #050e76 : +20
245 : #0e0576 : +30
255 : #210576 : +40
265 : #340576 : +50
275 : #470576 : +60
285 : #590576 : +70
295 : #6c0576 : +80
305 : #76056c : +90
315 : #760559 : +100
325 : #760547 : +110
335 : #760534 : +120
345 : #760521 : +130
355 : #76050e : +140
205 : #054776 : -10
206 : #054576 : -9
207 : #054376 : -8
208 : #054176 : -7
209 : #053f76 : -6
210 : #053d76 : -5
211 : #053b76 : -4
212 : #053976 : -3
213 : #053876 : -2
214 : #053676 : -1
215 : #053476 : ±0
216 : #053276 : +1
217 : #053076 : +2
218 : #052e76 : +3
219 : #052c76 : +4
220 : #052a76 : +5
221 : #052976 : +6
222 : #052776 : +7
223 : #052576 : +8
224 : #052376 : +9
225 : #052176 : +10
S : 彩度 ( 92% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3d3d3d : -92
2 : #3c3d3e : -90
4 : #3b3d40 : -88
6 : #3a3d41 : -86
8 : #383c42 : -84
10 : #373c43 : -82
12 : #363c45 : -80
14 : #353c46 : -78
16 : #333c47 : -76
18 : #323b48 : -74
20 : #313b49 : -72
22 : #303b4b : -70
24 : #2f3b4c : -68
26 : #2d3b4d : -66
28 : #2c3a4e : -64
30 : #2b3a50 : -62
32 : #2a3a51 : -60
34 : #283a52 : -58
36 : #273a53 : -56
38 : #263954 : -54
40 : #253956 : -52
42 : #233957 : -50
44 : #223958 : -48
46 : #213959 : -46
48 : #20385b : -44
50 : #1f385c : -42
52 : #1d385d : -40
54 : #1c385e : -38
56 : #1b375f : -36
58 : #1a3761 : -34
60 : #183762 : -32
62 : #173763 : -30
64 : #163764 : -28
66 : #153666 : -26
68 : #143667 : -24
70 : #123668 : -22
72 : #113669 : -20
74 : #10366a : -18
76 : #0f356c : -16
78 : #0d356d : -14
80 : #0c356e : -12
82 : #0b356f : -10
84 : #0a3571 : -8
86 : #093472 : -6
88 : #073473 : -4
90 : #063474 : -2
92 : #053476 : ±0
94 : #043477 : +2
96 : #023378 : +4
98 : #013379 : +6
100 : #00337a : +8
L : 明度 ( 24% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -24
2 : #00040a : -22
4 : #010914 : -20
6 : #010d1d : -18
8 : #021127 : -16
10 : #021631 : -14
12 : #021a3b : -12
14 : #031e45 : -10
16 : #03234e : -8
18 : #042758 : -6
20 : #042b62 : -4
22 : #042f6c : -2
24 : #053476 : ±0
26 : #05387f : +2
28 : #063c89 : +4
30 : #064193 : +6
32 : #07459d : +8
34 : #0749a6 : +10
36 : #074eb0 : +12
38 : #0852ba : +14
40 : #0856c4 : +16
42 : #095bce : +18
44 : #095fd7 : +20
46 : #0963e1 : +22
48 : #0a68eb : +24
50 : #0a6cf5 : +26
52 : #1472f5 : +28
54 : #1e78f6 : +30
56 : #287ef6 : +32
58 : #3183f6 : +34
60 : #3b89f7 : +36
62 : #458ff7 : +38
64 : #4f95f8 : +40
66 : #599bf8 : +42
68 : #62a1f8 : +44
70 : #6ca7f9 : +46
72 : #76adf9 : +48
74 : #80b3fa : +50
76 : #89b8fa : +52
78 : #93befb : +54
80 : #9dc4fb : +56
82 : #a7cafb : +58
84 : #b1d0fc : +60
86 : #bad6fc : +62
88 : #c4dcfd : +64
90 : #cee2fd : +66
92 : #d8e7fd : +68
94 : #e2edfe : +70
96 : #ebf3fe : +72
98 : #f5f9ff : +74
100 : #ffffff : +76
CSS入門、作ってます。
text-shadow