#99ad9a
RGB
赤 | 153 |
---|---|
緑 | 173 |
青 | 154 |
HSL
色相 | 123° |
---|---|
彩度 | 11% |
明度 | 64% |
輝度 | 65% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 153, 緑 = 173, 青 = 154 )
HSL ( 色相 = 123°, 彩度 = 11%, 明度 = 64% )
H : 色相 ( 123° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #ad9a99 : -120
13 : #ad9d99 : -110
23 : #ada199 : -100
33 : #ada499 : -90
43 : #ada899 : -80
53 : #adab99 : -70
63 : #acad99 : -60
73 : #a9ad99 : -50
83 : #a6ad99 : -40
93 : #a2ad99 : -30
103 : #9fad99 : -20
113 : #9bad99 : -10
123 : #99ad9a : ±0
133 : #99ad9d : +10
143 : #99ada1 : +20
153 : #99ada4 : +30
163 : #99ada8 : +40
173 : #99adab : +50
183 : #99acad : +60
193 : #99a9ad : +70
203 : #99a6ad : +80
213 : #99a2ad : +90
223 : #999fad : +100
233 : #999bad : +110
243 : #9a99ad : +120
253 : #9d99ad : +130
263 : #a199ad : +140
273 : #a499ad : +150
283 : #a899ad : +160
293 : #ab99ad : +170
303 : #ad99ac : +180
313 : #ad99a9 : +190
323 : #ad99a6 : +200
333 : #ad99a2 : +210
343 : #ad999f : +220
353 : #ad999b : +230
113 : #9bad99 : -10
114 : #9bad99 : -9
115 : #9bad99 : -8
116 : #9aad99 : -7
117 : #9aad99 : -6
118 : #9aad99 : -5
119 : #99ad99 : -4
120 : #99ad99 : -3
121 : #99ad99 : -2
122 : #99ad9a : -1
123 : #99ad9a : ±0
124 : #99ad9a : +1
125 : #99ad9b : +2
126 : #99ad9b : +3
127 : #99ad9b : +4
128 : #99ad9c : +5
129 : #99ad9c : +6
130 : #99ad9c : +7
131 : #99ad9d : +8
132 : #99ad9d : +9
133 : #99ad9d : +10
S : 彩度 ( 11% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a4a2 : -10
3 : #a0a6a1 : -8
5 : #9fa89f : -6
7 : #9daa9d : -4
9 : #9bab9c : -2
11 : #99ad9a : ±0
13 : #97af98 : +2
15 : #95b197 : +4
17 : #94b395 : +6
19 : #92b594 : +8
21 : #90b692 : +10
23 : #8eb890 : +12
25 : #8cba8f : +14
27 : #8abc8d : +16
29 : #89be8b : +18
31 : #87c08a : +20
33 : #85c188 : +22
35 : #83c386 : +24
37 : #81c585 : +26
39 : #7fc783 : +28
41 : #7ec981 : +30
43 : #7ccb80 : +32
45 : #7acd7e : +34
47 : #78ce7c : +36
49 : #76d07b : +38
51 : #74d279 : +40
53 : #73d477 : +42
55 : #71d676 : +44
57 : #6fd874 : +46
59 : #6dd972 : +48
61 : #6bdb71 : +50
63 : #69dd6f : +52
65 : #68df6d : +54
67 : #66e16c : +56
69 : #64e36a : +58
71 : #62e469 : +60
73 : #60e667 : +62
75 : #5ee865 : +64
77 : #5dea64 : +66
79 : #5bec62 : +68
81 : #59ee60 : +70
83 : #57ef5f : +72
85 : #55f15d : +74
87 : #53f35b : +76
89 : #51f55a : +78
91 : #50f758 : +80
93 : #4ef956 : +82
95 : #4cfa55 : +84
97 : #4afc53 : +86
99 : #48fe51 : +88
L : 明度 ( 64% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -64
2 : #050605 : -62
4 : #090b09 : -60
6 : #0e110e : -58
8 : #121712 : -56
10 : #171c17 : -54
12 : #1b221c : -52
14 : #202820 : -50
16 : #242d25 : -48
18 : #293329 : -46
20 : #2d392e : -44
22 : #323e33 : -42
24 : #364437 : -40
26 : #3b4a3c : -38
28 : #404f40 : -36
30 : #445545 : -34
32 : #495b4a : -32
34 : #4d604e : -30
36 : #526653 : -28
38 : #566c57 : -26
40 : #5b715c : -24
42 : #5f7760 : -22
44 : #647d65 : -20
46 : #68826a : -18
48 : #6d886e : -16
50 : #718e73 : -14
52 : #779278 : -12
54 : #7d977e : -10
56 : #829b84 : -8
58 : #88a089 : -6
60 : #8ea48f : -4
62 : #93a995 : -2
64 : #99ad9a : ±0
66 : #9fb2a0 : +2
68 : #a4b6a5 : +4
70 : #aabbab : +6
72 : #b0bfb1 : +8
74 : #b5c4b6 : +10
76 : #bbc9bc : +12
78 : #c1cdc1 : +14
80 : #c6d2c7 : +16
82 : #ccd6cd : +18
84 : #d2dbd2 : +20
86 : #d7dfd8 : +22
88 : #dde4dd : +24
90 : #e3e8e3 : +26
92 : #e8ede9 : +28
94 : #eef1ee : +30
96 : #f4f6f4 : +32
98 : #f9faf9 : +34
100 : #ffffff : +36
CSS入門、作ってます。
text-shadow