#81db7b
RGB
赤 | 129 |
---|---|
緑 | 219 |
青 | 123 |
HSL
色相 | 116° |
---|---|
彩度 | 57% |
明度 | 67% |
輝度 | 71% |
3桁の色
補色
反転色
RGB ( 赤 = 129, 緑 = 219, 青 = 123 )
HSL ( 色相 = 116°, 彩度 = 57%, 明度 = 67% )
H : 色相 ( 116° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #db847b : -110
16 : #db947b : -100
26 : #dba47b : -90
36 : #dbb47b : -80
46 : #dbc47b : -70
56 : #dbd47b : -60
66 : #d1db7b : -50
76 : #c1db7b : -40
86 : #b1db7b : -30
96 : #a1db7b : -20
106 : #91db7b : -10
116 : #81db7b : ±0
126 : #7bdb84 : +10
136 : #7bdb94 : +20
146 : #7bdba4 : +30
156 : #7bdbb4 : +40
166 : #7bdbc4 : +50
176 : #7bdbd4 : +60
186 : #7bd1db : +70
196 : #7bc1db : +80
206 : #7bb1db : +90
216 : #7ba1db : +100
226 : #7b91db : +110
236 : #7b81db : +120
246 : #847bdb : +130
256 : #947bdb : +140
266 : #a47bdb : +150
276 : #b47bdb : +160
286 : #c47bdb : +170
296 : #d47bdb : +180
306 : #db7bd1 : +190
316 : #db7bc1 : +200
326 : #db7bb1 : +210
336 : #db7ba1 : +220
346 : #db7b91 : +230
356 : #db7b81 : +240
106 : #91db7b : -10
107 : #90db7b : -9
108 : #8edb7b : -8
109 : #8cdb7b : -7
110 : #8bdb7b : -6
111 : #89db7b : -5
112 : #88db7b : -4
113 : #86db7b : -3
114 : #84db7b : -2
115 : #83db7b : -1
116 : #81db7b : ±0
117 : #80db7b : +1
118 : #7edb7b : +2
119 : #7cdb7b : +3
120 : #7bdb7b : +4
121 : #7bdb7c : +5
122 : #7bdb7e : +6
123 : #7bdb80 : +7
124 : #7bdb81 : +8
125 : #7bdb83 : +9
126 : #7bdb84 : +10
S : 彩度 ( 57% )
(0%) 渋い ~ 鮮やか (100%)
1 : #aaacaa : -56
3 : #a9ada8 : -54
5 : #a7afa7 : -52
7 : #a6b1a5 : -50
9 : #a4b2a3 : -48
11 : #a3b4a2 : -46
13 : #a1b6a0 : -44
15 : #a0b79e : -42
17 : #9eb99d : -40
19 : #9dbb9b : -38
21 : #9cbd99 : -36
23 : #9abe97 : -34
25 : #99c096 : -32
27 : #97c294 : -30
29 : #96c392 : -28
31 : #94c591 : -26
33 : #93c78f : -24
35 : #91c88d : -22
37 : #90ca8c : -20
39 : #8ecc8a : -18
41 : #8dcd88 : -16
43 : #8bcf87 : -14
45 : #8ad185 : -12
47 : #89d283 : -10
49 : #87d482 : -8
51 : #86d680 : -6
53 : #84d77e : -4
55 : #83d97d : -2
57 : #81db7b : ±0
59 : #80dc79 : +2
61 : #7ede78 : +4
63 : #7de076 : +6
65 : #7be274 : +8
67 : #7ae372 : +10
69 : #79e571 : +12
71 : #77e76f : +14
73 : #76e86d : +16
75 : #74ea6c : +18
77 : #73ec6a : +20
79 : #71ed68 : +22
81 : #70ef67 : +24
83 : #6ef165 : +26
85 : #6df263 : +28
87 : #6bf462 : +30
89 : #6af660 : +32
91 : #68f75e : +34
93 : #67f95d : +36
95 : #66fb5b : +38
97 : #64fc59 : +40
99 : #63fe58 : +42
L : 明度 ( 67% )
(0%) 暗い ~ 明るい (100%)
1 : #010401 : -66
3 : #040c03 : -64
5 : #061405 : -62
7 : #091c08 : -60
9 : #0c240a : -58
11 : #0e2c0c : -56
13 : #11340e : -54
15 : #133c10 : -52
17 : #164413 : -50
19 : #194c15 : -48
21 : #1b5417 : -46
23 : #1e5c19 : -44
25 : #20641b : -42
27 : #236c1e : -40
29 : #257420 : -38
31 : #287c22 : -36
33 : #2b8424 : -34
35 : #2d8c26 : -32
37 : #309429 : -30
39 : #329c2b : -28
41 : #35a42d : -26
43 : #37ac2f : -24
45 : #3ab431 : -22
47 : #3dbc34 : -20
49 : #3fc436 : -18
51 : #44c93b : -16
53 : #4ccb43 : -14
55 : #54ce4b : -12
57 : #5bd053 : -10
59 : #63d25b : -8
61 : #6ad463 : -6
63 : #72d66b : -4
65 : #7ad973 : -2
67 : #81db7b : ±0
69 : #89dd83 : +2
71 : #91df8b : +4
73 : #98e193 : +6
75 : #a0e49b : +8
77 : #a7e6a3 : +10
79 : #afe8ab : +12
81 : #b7eab3 : +14
83 : #beecbb : +16
85 : #c6efc3 : +18
87 : #cdf1cb : +20
89 : #d5f3d3 : +22
91 : #ddf5db : +24
93 : #e4f7e3 : +26
95 : #ecfaeb : +28
97 : #f4fcf3 : +30
99 : #fbfefb : +32
CSS入門、作ってます。
text-shadow