#a66897
RGB
赤 | 166 |
---|---|
緑 | 104 |
青 | 151 |
HSL
色相 | 315° |
---|---|
彩度 | 26% |
明度 | 53% |
輝度 | 50% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 166, 緑 = 104, 青 = 151 )
HSL ( 色相 = 315°, 彩度 = 26%, 明度 = 53% )
H : 色相 ( 315° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #a66d68 : -310
15 : #a67868 : -300
25 : #a68268 : -290
35 : #a68c68 : -280
45 : #a69768 : -270
55 : #a6a168 : -260
65 : #a1a668 : -250
75 : #97a668 : -240
85 : #8ca668 : -230
95 : #82a668 : -220
105 : #78a668 : -210
115 : #6da668 : -200
125 : #68a66d : -190
135 : #68a678 : -180
145 : #68a682 : -170
155 : #68a68c : -160
165 : #68a697 : -150
175 : #68a6a1 : -140
185 : #68a1a6 : -130
195 : #6897a6 : -120
205 : #688ca6 : -110
215 : #6882a6 : -100
225 : #6878a6 : -90
235 : #686da6 : -80
245 : #6d68a6 : -70
255 : #7868a6 : -60
265 : #8268a6 : -50
275 : #8c68a6 : -40
285 : #9768a6 : -30
295 : #a168a6 : -20
305 : #a668a1 : -10
315 : #a66897 : ±0
325 : #a6688c : +10
335 : #a66882 : +20
345 : #a66878 : +30
355 : #a6686d : +40
305 : #a668a1 : -10
306 : #a668a0 : -9
307 : #a6689f : -8
308 : #a6689e : -7
309 : #a6689d : -6
310 : #a6689c : -5
311 : #a6689b : -4
312 : #a6689a : -3
313 : #a66899 : -2
314 : #a66898 : -1
315 : #a66897 : ±0
316 : #a66896 : +1
317 : #a66895 : +2
318 : #a66894 : +3
319 : #a66893 : +4
320 : #a66892 : +5
321 : #a66890 : +6
322 : #a6688f : +7
323 : #a6688e : +8
324 : #a6688d : +9
325 : #a6688c : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -26
2 : #8a8588 : -24
4 : #8c828a : -22
6 : #8e808b : -20
8 : #917e8c : -18
10 : #937b8d : -16
12 : #96798e : -14
14 : #987690 : -12
16 : #9a7491 : -10
18 : #9d7292 : -8
20 : #9f6f93 : -6
22 : #a26d94 : -4
24 : #a46a96 : -2
26 : #a66897 : ±0
28 : #a96698 : +2
30 : #ab6399 : +4
32 : #ae619a : +6
34 : #b05e9c : +8
36 : #b25c9d : +10
38 : #b55a9e : +12
40 : #b7579f : +14
42 : #b955a0 : +16
44 : #bc52a2 : +18
46 : #be50a3 : +20
48 : #c14ea4 : +22
50 : #c34ba5 : +24
52 : #c549a6 : +26
54 : #c846a8 : +28
56 : #ca44a9 : +30
58 : #cd42aa : +32
60 : #cf3fab : +34
62 : #d13dac : +36
64 : #d43aae : +38
66 : #d638af : +40
68 : #d936b0 : +42
70 : #db33b1 : +44
72 : #dd31b2 : +46
74 : #e02eb3 : +48
76 : #e22cb5 : +50
78 : #e52ab6 : +52
80 : #e727b7 : +54
82 : #e925b8 : +56
84 : #ec22b9 : +58
86 : #ee20bb : +60
88 : #f11ebc : +62
90 : #f31bbd : +64
92 : #f519be : +66
94 : #f816bf : +68
96 : #fa14c1 : +70
98 : #fd12c2 : +72
100 : #ff0fc3 : +74
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -52
3 : #0a0609 : -50
5 : #10090e : -48
7 : #160d14 : -46
9 : #1d111a : -44
11 : #231520 : -42
13 : #2a1925 : -40
15 : #301c2b : -38
17 : #372031 : -36
19 : #3d2437 : -34
21 : #43283d : -32
23 : #4a2b42 : -30
25 : #502f48 : -28
27 : #57334e : -26
29 : #5d3754 : -24
31 : #643a59 : -22
33 : #6a3e5f : -20
35 : #704265 : -18
37 : #77466b : -16
39 : #7d4a70 : -14
41 : #844d76 : -12
43 : #8a517c : -10
45 : #915582 : -8
47 : #975987 : -6
49 : #9d5c8d : -4
51 : #a36292 : -2
53 : #a66897 : ±0
55 : #aa6e9b : +2
57 : #ae75a0 : +4
59 : #b27ba4 : +6
61 : #b582a8 : +8
63 : #b988ad : +10
65 : #bd8fb1 : +12
67 : #c195b6 : +14
69 : #c59bba : +16
71 : #c8a2bf : +18
73 : #cca8c3 : +20
75 : #d0afc8 : +22
77 : #d4b5cc : +24
79 : #d7bcd0 : +26
81 : #dbc2d5 : +28
83 : #dfc8d9 : +30
85 : #e3cfde : +32
87 : #e6d5e2 : +34
89 : #eadce7 : +36
91 : #eee2eb : +38
93 : #f2e9ef : +40
95 : #f6eff4 : +42
97 : #f9f5f8 : +44
99 : #fdfcfd : +46
CSS入門、作ってます。
text-shadow