#98c497
RGB
赤 | 152 |
---|---|
緑 | 196 |
青 | 151 |
HSL
色相 | 119° |
---|---|
彩度 | 28% |
明度 | 68% |
輝度 | 70% |
3桁の色
補色
反転色
色の名前 (丸角は、色コード)
RGB ( 赤 = 152, 緑 = 196, 青 = 151 )
HSL ( 色相 = 119°, 彩度 = 28%, 明度 = 68% )
H : 色相 ( 119° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #c49d97 : -110
19 : #c4a597 : -100
29 : #c4ad97 : -90
39 : #c4b497 : -80
49 : #c4bc97 : -70
59 : #c4c397 : -60
69 : #bdc497 : -50
79 : #b6c497 : -40
89 : #aec497 : -30
99 : #a7c497 : -20
109 : #9fc497 : -10
119 : #97c497 : ±0
129 : #97c49d : +10
139 : #97c4a5 : +20
149 : #97c4ad : +30
159 : #97c4b4 : +40
169 : #97c4bc : +50
179 : #97c4c3 : +60
189 : #97bdc4 : +70
199 : #97b6c4 : +80
209 : #97aec4 : +90
219 : #97a7c4 : +100
229 : #979fc4 : +110
239 : #9797c4 : +120
249 : #9d97c4 : +130
259 : #a597c4 : +140
269 : #ad97c4 : +150
279 : #b497c4 : +160
289 : #bc97c4 : +170
299 : #c397c4 : +180
309 : #c497bd : +190
319 : #c497b6 : +200
329 : #c497ae : +210
339 : #c497a7 : +220
349 : #c4979f : +230
359 : #c49797 : +240
109 : #9fc497 : -10
110 : #9ec497 : -9
111 : #9dc497 : -8
112 : #9dc497 : -7
113 : #9cc497 : -6
114 : #9bc497 : -5
115 : #9ac497 : -4
116 : #9ac497 : -3
117 : #99c497 : -2
118 : #98c497 : -1
119 : #97c497 : ±0
120 : #97c497 : +1
121 : #97c497 : +2
122 : #97c498 : +3
123 : #97c499 : +4
124 : #97c49a : +5
125 : #97c49a : +6
126 : #97c49b : +7
127 : #97c49c : +8
128 : #97c49d : +9
129 : #97c49d : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #adadad : -28
2 : #acafac : -26
4 : #aab1aa : -24
6 : #a9b2a9 : -22
8 : #a7b4a7 : -20
10 : #a6b6a5 : -18
12 : #a4b7a4 : -16
14 : #a2b9a2 : -14
16 : #a1baa0 : -12
18 : #9fbc9f : -10
20 : #9ebe9d : -8
22 : #9cbf9b : -6
24 : #9ac19a : -4
26 : #99c398 : -2
28 : #97c497 : ±0
30 : #96c695 : +2
32 : #94c893 : +4
34 : #93c992 : +6
36 : #91cb90 : +8
38 : #8fcc8e : +10
40 : #8ece8d : +12
42 : #8cd08b : +14
44 : #8bd189 : +16
46 : #89d388 : +18
48 : #88d586 : +20
50 : #86d685 : +22
52 : #84d883 : +24
54 : #83d981 : +26
56 : #81db80 : +28
58 : #80dd7e : +30
60 : #7ede7c : +32
62 : #7ce07b : +34
64 : #7be279 : +36
66 : #79e378 : +38
68 : #78e576 : +40
70 : #76e774 : +42
72 : #75e873 : +44
74 : #73ea71 : +46
76 : #71eb6f : +48
78 : #70ed6e : +50
80 : #6eef6c : +52
82 : #6df06a : +54
84 : #6bf269 : +56
86 : #6af467 : +58
88 : #68f566 : +60
90 : #66f764 : +62
92 : #65f862 : +64
94 : #63fa61 : +66
96 : #62fc5f : +68
98 : #60fd5d : +70
100 : #5fff5c : +72
L : 明度 ( 68% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -68
2 : #040704 : -66
4 : #070d07 : -64
6 : #0b140b : -62
8 : #0f1a0f : -60
10 : #132112 : -58
12 : #162716 : -56
14 : #1a2e1a : -54
16 : #1e341d : -52
18 : #213b21 : -50
20 : #254125 : -48
22 : #294828 : -46
24 : #2d4e2c : -44
26 : #305530 : -42
28 : #345b33 : -40
30 : #386237 : -38
32 : #3c683b : -36
34 : #3f6f3e : -34
36 : #437642 : -32
38 : #477c46 : -30
40 : #4a8349 : -28
42 : #4e894d : -26
44 : #529051 : -24
46 : #569654 : -22
48 : #599d58 : -20
50 : #5da35c : -18
52 : #63a762 : -16
54 : #6aab69 : -14
56 : #70ae6f : -12
58 : #77b276 : -10
60 : #7db67c : -8
62 : #84b983 : -6
64 : #8abd89 : -4
66 : #91c190 : -2
68 : #97c497 : ±0
70 : #9ec89d : +2
72 : #a4cca4 : +4
74 : #abcfaa : +6
76 : #b1d3b1 : +8
78 : #b8d7b7 : +10
80 : #bedabe : +12
82 : #c5dec4 : +14
84 : #cbe2cb : +16
86 : #d2e5d1 : +18
88 : #d8e9d8 : +20
90 : #dfedde : +22
92 : #e5f0e5 : +24
94 : #ecf4eb : +26
96 : #f2f8f2 : +28
98 : #f9fbf8 : +30
100 : #ffffff : +32
CSS入門、作ってます。
text-shadow