#535752
RGB
赤 | 83 |
---|---|
緑 | 87 |
青 | 82 |
HSL
色相 | 108° |
---|---|
彩度 | 3% |
明度 | 33% |
輝度 | 33% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 83, 緑 = 87, 青 = 82 )
HSL ( 色相 = 108°, 彩度 = 3%, 明度 = 33% )
H : 色相 ( 108° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #575252 : -100
18 : #575352 : -90
28 : #575452 : -80
38 : #575552 : -70
48 : #575652 : -60
58 : #575752 : -50
68 : #565752 : -40
78 : #555752 : -30
88 : #545752 : -20
98 : #535752 : -10
108 : #535752 : ±0
118 : #525752 : +10
128 : #525752 : +20
138 : #525753 : +30
148 : #525754 : +40
158 : #525755 : +50
168 : #525756 : +60
178 : #525757 : +70
188 : #525657 : +80
198 : #525557 : +90
208 : #525457 : +100
218 : #525357 : +110
228 : #525357 : +120
238 : #525257 : +130
248 : #525257 : +140
258 : #535257 : +150
268 : #545257 : +160
278 : #555257 : +170
288 : #565257 : +180
298 : #575257 : +190
308 : #575256 : +200
318 : #575255 : +210
328 : #575254 : +220
338 : #575253 : +230
348 : #575253 : +240
358 : #575252 : +250
98 : #535752 : -10
99 : #535752 : -9
100 : #535752 : -8
101 : #535752 : -7
102 : #535752 : -6
103 : #535752 : -5
104 : #535752 : -4
105 : #535752 : -3
106 : #535752 : -2
107 : #535752 : -1
108 : #535752 : ±0
109 : #535752 : +1
110 : #525752 : +2
111 : #525752 : +3
112 : #525752 : +4
113 : #525752 : +5
114 : #525752 : +6
115 : #525752 : +7
116 : #525752 : +8
117 : #525752 : +9
118 : #525752 : +10
S : 彩度 ( 3% )
(0%) 渋い ~ 鮮やか (100%)
1 : #545553 : -2
3 : #535752 : ±0
5 : #525850 : +2
7 : #515a4e : +4
9 : #505c4d : +6
11 : #4f5d4b : +8
13 : #4e5f49 : +10
15 : #4d6148 : +12
17 : #4c6246 : +14
19 : #4b6444 : +16
21 : #4a6642 : +18
23 : #496841 : +20
25 : #48693f : +22
27 : #476b3d : +24
29 : #466d3c : +26
31 : #446e3a : +28
33 : #437038 : +30
35 : #427237 : +32
37 : #417335 : +34
39 : #407533 : +36
41 : #3f7732 : +38
43 : #3e7830 : +40
45 : #3d7a2e : +42
47 : #3c7c2d : +44
49 : #3b7d2b : +46
51 : #3a7f29 : +48
53 : #398128 : +50
55 : #388226 : +52
57 : #378424 : +54
59 : #368623 : +56
61 : #358721 : +58
63 : #34891f : +60
65 : #338b1d : +62
67 : #328d1c : +64
69 : #318e1a : +66
71 : #309018 : +68
73 : #2f9217 : +70
75 : #2e9315 : +72
77 : #2d9513 : +74
79 : #2c9712 : +76
81 : #2b9810 : +78
83 : #2a9a0e : +80
85 : #299c0d : +82
87 : #289d0b : +84
89 : #279f09 : +86
91 : #26a108 : +88
93 : #25a206 : +90
95 : #24a404 : +92
97 : #23a603 : +94
99 : #22a701 : +96
L : 明度 ( 33% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -32
3 : #080807 : -30
5 : #0d0d0c : -28
7 : #121211 : -26
9 : #171816 : -24
11 : #1c1d1b : -22
13 : #212220 : -20
15 : #262725 : -18
17 : #2b2d2a : -16
19 : #30322f : -14
21 : #353734 : -12
23 : #3a3c39 : -10
25 : #3f423e : -8
27 : #444743 : -6
29 : #494c48 : -4
31 : #4e514d : -2
33 : #535752 : ±0
35 : #585c57 : +2
37 : #5d615c : +4
39 : #626660 : +6
41 : #676c65 : +8
43 : #6c716a : +10
45 : #71766f : +12
47 : #767b74 : +14
49 : #7b8179 : +16
51 : #80867e : +18
53 : #858b84 : +20
55 : #8a9089 : +22
57 : #8f958e : +24
59 : #959a93 : +26
61 : #9a9f99 : +28
63 : #9fa39e : +30
65 : #a4a8a3 : +32
67 : #a9ada8 : +34
69 : #afb2ae : +36
71 : #b4b7b3 : +38
73 : #b9bcb8 : +40
75 : #bec1bd : +42
77 : #c3c6c3 : +44
79 : #c8cbc8 : +46
81 : #ced0cd : +48
83 : #d3d5d2 : +50
85 : #d8dad8 : +52
87 : #dddfdd : +54
89 : #e2e4e2 : +56
91 : #e8e9e7 : +58
93 : #edeeed : +60
95 : #f2f3f2 : +62
97 : #f7f8f7 : +64
99 : #fcfdfc : +66
CSS入門、作ってます。
text-shadow